




Css Height:Auto Neden Çalışmıyor Olabilir.
-
Herşey iyi güzel bu height : auto bir türlü kendi haline büyülmüyor.
kodlar aşağıdaki gibi
<style type="text/css">
#diskutu{
height: auto;//BURASI DA AUTO BU BÜYÜYOR DİĞERİ OLMUYOR
border: 1px solid lime;
width:500px;
}
#ust{
border:2px solid red;
width:200px;
}
#orta{
border:2px solid blue;;
height:auto; //// İŞTE BURASI OTOMATİK BÜYÜSÜN İSTİYORUM.
}
#alt{
border:2px solid lime;
width:200px;
}
#sol{
float: left;
height: auto;
border:1px darkblue solid;
}
#sag{
float: right;
height: auto;
border:1px solid blueviolet;
}
</style>
<div id="diskutu">
<div id="ust">sdfsdfsdfzsdf zsdf sdf <bR>
sdfsdfsdfzsdf zsdf sdf
sdfsdfsdfzsdf zsdf sdf
</div>
<div id="orta">
<div id="sol">
SOL TARAF
</div>
<div id="sag">
sag taraf
</div>
</div>
<div id="alt">sdfsdfsdfzsdf zsdf sdf <br>
sdfsdfsdfzsdf zsdf sdf
sdfsdfsdfzsdf zsdf sdf
</div>
</div> -
Düzelttim
height:auto dan sonra
overflow: hidden; gelecekmiş.
-
overflow:hidden kullanmasan daha iyi olur. Taşan yerleri gizler = overflow
Sana tavsiyem aşağıdaki şekilde yapman.
.temizleyici{clear:both;}
<div id="diskutu">
<div id="ust">
sdfsdfsdfzsdf zsdf sdf
<br>
sdfsdfsdfzsdf zsdf sdf sdfsdfsdfzsdf zsdf sdf
</div>
<div id="orta">
<div id="sol">
SOL TARAF
</div>
<div id="sag">
sag taraf
</div>
<div class="temizleyici"></div>
</div>
<div id="alt">
sdfsdfsdfzsdf zsdf sdf
<br>
sdfsdfsdfzsdf zsdf sdf sdfsdfsdfzsdf zsdf sdf
</div>
</div>
-
Tamam yarın uygulamasını yapayım.