ekmekarasibilgisayar
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 au
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;}
ö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;}
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
0
Çö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.
0
tavsiyem daha temiz bir kodlama yapmak istiyorsan 960.gs grid system ini kullanman.
0
