
Selam penguenler,
öncelikle iskeletorunu döktüğüm bir tasarım var.(Resimden görebilirsiniz) bunu css'e dökerken bir sorun oluştu. Aslında bilenler için çok basit bir sorun. Ben kodu hemen şuracıka yapıştırsam acaba yardımcı olur musunuz? Bir türlü hizalayamadım orasını.
#Kod:
/*Reset*/
body {margin:0 auto; color:#fff}
/*Header*/
#header {background-color:#000; width:100%; height:210px;}
.headeric {width:980px; margin:0 auto; padding:50px; border:1px dashed #fff; overflow:auto}
.logo {background-color:#333; width:300px; height:100px; float:left;}
.navbar{background-color:#333; width:500px; height:40px; float:right;}
/*Genel*/
#genel{width:980px; margin:auto; padding:30px; border:1px dashed #000; overflow:auto}
/*Slider*/
#slider{background-color:#333; width:100%; height:400px;}
/*Kutucuk*/
.kutucuk{background-color:#444; width:316px; height:150px; float:left; margin:10px 10px 0 0;}

paddingden ötürü oluyor muhtemelen. padding + width değerinde genişlik verir çünkü objeler. bir de hangisi hangisi onu da anlasak iyiydi html kodunu da bir atarsan
yuto


Çözdüm yuto, çok sağol. Uykusuzluktan olsa gerek. Sorun dediğin gibi width den kaynaklanıyor. genel divi 960 yaptıktan sonra kutucuklar anında ortalanıp aynı hizaya geldiler.
ekmekarasibilgisayar


@arafa, onu biliyorum. Arayüz çizerken onu kullanıyorum fakat kodlamada ondan yüzde doksan kalırım. Baksana daha bunu zor çözen ben onun mantığını nasıl kavrarım bilemiyorum
ekmekarasibilgisayar

1