[ask] layout restore down

[nino]

maaf para mastah..
mau numpang nanyak gimana yah buat layout web yg konsisten??
saat di restore down (layar web di perkecil) malah hasil layoutnya hancur kesana kemari..
mohon pencerahan para mastah..
thanks..

 

[indodisain.net]

saya bukan mastah Tuan, cm diskusi aja
mksdnya gimana restore down ya ? di minimize browsernya ya ? lalu layout berantakan gt ?

kalo ada screenshot lebih asyik bisa lihat gimana hancurnya

coba di crossbrowser ke ff chrome IE 7 ,IE 8

 

[nino]

ini ssnya Tuan..
hadooohh..
bingung Tuan..

mohon pencerahannya..

 

[sigmabisnis]

mungkin itu pake width nya jangan pake persen % , tapi table atau column nya pake fix width , misal width = "1000px"
atau rekan2 lain yg mo nambahin.. monggo

 

[rudydevianto]

sepertinya setting float nya nggak bener.

 

[indodisain.net]

saya setuju dgn @sigmabisnis
coba di cek gunakan lebar kontennya fix width misal wrapper{ width: 1000px;margin:0 auto; }

lalu di cek juga ul li top menunya di margin atau padding jgn sampe lebarnya kebesaran dr wrapper asli, biasanya akan keluar gak karuan dia

sbrnya kalo gk lihat coding css nya rada susah tp mgkn itu bisa menjadi pertimbangan

 

[nino]

makasih mastah..
mungkin karna coding css layout ada yang menggunakan percent dan pixel..
tapi taq coba dulu mastah-mastah..

apa bisa float berpengaruh di keadaan seperti ini??
soalnya kaloq di maximize maka tampilannya teratur cuman di restore down dia berantakan..
hehehe..

 

[nino]

mungkin sekarang permasalahan yg baru adalah ukuran lebar dari browser2 tersebut beda2..
kaloq udah fix di mozilla, eh taunya di opera dan IE malah ukurannya kekecilan..
solusinya apaan yah Tuan??


udah pakek .width untuk IE tp gak bisa..
kaloq conditional berarti kita harus buat css yg beda2 untuk IE beda, chrome beda, opera beda, ma mozilla beda..
gitu yah Tuan??
waw..
ribet juga yah Tuan..

 

[PusatHosting]

Pakai saja CSS Framework sperti blueprint CSS dan 960gs lebih mudah dan kompatible semua browser

 

[damos]

Coba di cek lg CSSnya mas? jgn lupa gunakan juga metode <div style="clear:both;"></div>