CSS, div kullanımı

Bu konuyu okuyanlar

sonercelix

Asistan
Katılım
13 Şubat 2009
Mesajlar
149
Reaksiyon puanı
0
Puanları
16
4741.bmp



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

Dekan
Katılım
13 Ekim 2008
Mesajlar
6,395
Reaksiyon puanı
252
Puanları
63
yardım edebilmemiz için html, css ve javascript kodlarını paylaşmalısın.
 

sonercelix

Asistan
Katılım
13 Şubat 2009
Mesajlar
149
Reaksiyon puanı
0
Puanları
16
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;
}
 
Üst