[divemaster]

Merhaba,

Siteyi tablosuz kodlamak niyetindeyim, az çok bilgim var ancak bir iki sorunla karşılaştım ki bunlar sitenin tasarımını zorluyor.

Birinci sorunum 2 sütunlu bir web tasarımnda 2 tununun birbirinden bağımsız hareket etmesi. ilk sütuna girilen bilgiler çok olduğunda diğer sütunun da onun uzunluğunca uzatıp kısalmasını nasıl sağlayabilirim?

Diğer bir sorunum ise; div id="orta" kapsayıcılığında 2 adet alt div ( div class="sol" ve div class="sag" ) var. Bu divlere float:left vererek yan yana gösteriyorum. İçerisindeki divlere bilgi girdiğimde IE de sorun yokken Firefox da kapsayıcı div hareket etmiyor ve yazılar havada görünüyor. Kodlar ve ekran görünmü aşağıda:

Bu sorunu nasıl aşabilirim?

KOD:

<div id="orta">

<div class="sol"><img src="http://forum.zoque.net/images/baskentcam.gif" alt="" /><br /><br /><b>10.05.2007</b> Spot tanıtım ile ilgili detayların yer aldığı bu bölümde kurum hakkında kısa bir bilgi yer alacak Spot tanıtım ile ilgili detayların yer aldığı bu bölümde kurum hakkında kısa bir bilgi yer alacak Spot tanıtım ile ilgili detayların <br /><br /> yer aldığı bu bölümde kurum hakkında kısa bir bilgi yer alacak Spot tanıtım ile ilgili detayların yer aldığı bu <br /><br /> bölümde kurum hakkında kısa bir bilgi yer alacak Spot tanıtım ile ilgili detayların yer aldığı bu bölümde kurum hakkında kısa bir bilgi yer alacak </div>

<div class="sag">İçerik alanı </div>

</div>

CSS

#orta {
background: url('../tr/images/arka_orta.gif');
width:762px;
text-align:left;
margin:0 auto;
}

.sol {
float:left;
width:186px;
padding-left:13px;
padding-right:15px;
}

.sag {
float:right;
width:529px;
padding-left:4px;
padding-right:15px;
}