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:
Alıntı:
<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
Alıntı:
#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;
}
|