CSS, div kullanımı

[sonercelix]

Sayfamın içerik kısmındaki divin boyutu büyüyünce sol ve sağdaki divler otomatik büyümüyor. ilk başta min-height değerleri aynı olsa da daha sonra içerik kısmına yeni sayfa yüklendiğinde boyutlar değişiyor. nasıl bir çözümü var bunun

 

[orcnd]

yardım edebilmemiz için html, css ve javascript kodlarını paylaşmalısın.

 

[sonercelix]

http://www.dosyaupload.net/903site.rar dosya burda. Aslında fazla da kod yokta buraya da yazabilirim.

---------- Post added at 18:36 ---------- Previous post was at 18:34 ----------

<div id="sayfa" align="center">

<div id="ustkisim"></div>
<div id="solmenu">
<div id="duyuru"><center>Kategoriler</center></div>
<div id="yazi"><a href="#"> Müzik</a></div>
<div id="yazi"><a href="#"> Spor</a></div>
<div id="yazi"><a href="#"> Eglence</a></div>
<div id="yazi"><a href="#"> Haber</a></div>
<div id="yazi"><a href="#"> Kadın</a></div>
<div id="yazi"><a href="#"> Erkek</a></div>
<div id="yazi"><a href="#"> Teknoloji</a></div>
<div id="yazi"><a href="#"> Yaşam</a></div>
<div id="yazi"><a href="#"> Eğitim</a></div>
<div id="alt"></div>
</div>

<div id="icerik">içeriksdddddddddddddd
<br> sd<br> sd<br> sdsd<br> sad<br> sad<br>
sad<br> sd<br> <br> s<br> ds<br> d<br>
s<br> d<br> s<br> d<br> s<br> d<br> s<br>
<br> <br> <br> <br> <br> <br> <br> <br>
<br> <br> <br> <br> <br> <br> <br>
<br> <br> </div>

<div id="sagmenu">
<div id="duyuru"> <center> Son başlıklar </center> </div>
<div id="yazi"><a href="#"> Müzik</a></div>
<div id="yazi"><a href="#"> Spor</a></div>
<div id="yazi"><a href="#"> Eglence</a></div>
<div id="yazi"><a href="#"> Haber</a></div>
<div id="yazi"><a href="#"> Kadın</a></div>
<div id="yazi"><a href="#"> Erkek</a></div>
<div id="yazi"><a href="#"> Teknoloji</a></div>
<div id="yazi"><a href="#"> Yaşam</a></div>
<div id="yazi"><a href="#"> Eğitim</a></div>
<div id="alt"></div>


<div id="duyuru" align="center"> <center> Duyurular </center> </div>
<marquee direction=up scrolldelay=125 onmouseover="this.stop();" onmouseout="this.start();">
<a href="#"><center>KPSS Sonuçları</center></a><br>
<a href="#"><center>ÖSS Sonuçları</center></a><br>
<a href="#"><center>LYS Sonuçları</center></a><br>
<a href="#"><center>ÜDS Sonuçları</center></a><br>
<a href="#"><center>AÖÇ Sonuçları</center></a>
</marquee>
<div id="alt"></div>
</div>


<div id="temizle"></div>

<div id="altbilgi"></div>
</div>








#sayfa
{
background-color:lightblue;
width:960px;
/*border-color:lightgreen;
border-style:solid;*/
margin-left: auto;
margin-right:auto;
min-height:600px;
}



#ustkisim
{
width:960px; height:150px;
background-image:url(resim/banner.png);
border-left:0px;
}

#duyuru
{
margin-top: 10;

color:white;
width:150px;
background-image:url(Resim/ust.gif);
font-weight:bold;

}

#alt
{
width:150px; height:22px;
background-image:url(Resim/alt.gif);
}

#yazi
{
width:150px;
background-image:url(Resim/yazi.gif);
text-align:center;
}

#solmenu{


width:150px;
float:left;
background-color:#e8e8e8;
border-left:10px;
min-height:600px;
height:auto !important;
height:600px;
}

#sagmenu{
width:150px;
float:left;
background-color:#e8e8e8;
min-height:600px;
height:auto !important;
height:600px;
}

#icerik
{
float:left;
width:660px;
background-color:white;
min-height:400px;
height:auto !important;
height:400px;*/

}

#altbilgi
{
clear:left;
width:960px;
background-image:url(resim/altresim.png);
height:75px;
}