[erturkerdal]

div komutu kullanarak Header'ı nasıl ikiye ayırabilirim. Yani sol tarafta sitenin logosu vs. sağ tarafta 468x60 reklam. Bu şekil tek parça olan header'ı nasıl ikiye ayırabilirim.

Şu kodlar var elimde ama pek sağlıklı çalışmıyor.
CSS
.equal {display:table;}
.row {display:table-row;}
.row div {display:table-cell;}
.one {width: 190px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px;}
.two { width: 485px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; text-align:right;}


BODY KODLARI

<div id="header">
<div class="equal">
<div class="row">
<div class="one">1. Kısım</div>
<div class="two">2. Kısım</div>
</div>
</div>
</div>

Başka bir şekilde yapma yolu var mı? Bir bilen...

[BYK]

CSS

#header {width: 100%}
#header.logo {width: 190px; padding: 0px; float: left;}
#header.banner {width: 485px; padding: 0px; float: right}

HTML

<div id="header">
  <div class="logo"><img src="logo.gif" /></div>
  <div class="banner"><img src="banner.gif" /></div>
</div>

Bunun olması gerekiyor

[erturkerdal]

Alt alta çıkıyor yalnız ben mi beceremiyorum

[BYK]

CSS kısmını

#header {width: 675px}
#header.logo {width: 190px; padding: 0px; margin: 0px; clear: left; float: left;}
#header.banner {width: 485px; padding: 0px; margin:0px; clear: right; float: right}

yapıp bir daha dener misin?

[erturkerdal]

Yine aynı problem maalesef üst üste biniyorlar

[zapotka]

Hangi browserı kullanıyorsun?

[erturkerdal]

Firefox'da baktım ama

[BYK]

#header {width: 675px}
#header .logo {width: 190px; padding: 0px; margin: 0px; clear: left; float: left;}
#header .banner {width: 485px; padding: 0px; margin:0px; clear: right; float: right; text-align: right}

Özür dileyerek kodu yukarıdaki gibi düzeltiyorum. Noktadan önce boşluk bırakmadığım için sınıf tanımları geçersiz olmuş. Tekrar özür diliyorum.

[erturkerdal]

Estağfullah, son verdiğiniz kodlarla olacak gibi. Biraz ince ayar lazım. Taslak için teşekkür ederim.