İçeriğe geç
ShiftDelete.Net
Haber ara/ SDN'ye SorGiriş
Haber Akışı SDNTV İnceleme Forum Yapay Zeka Akıllı Telefon Elektrikli Otomobil Oyun ShiftDelete.Net Global Teknoloji Haberleri Mobil Otomobil Donanım Savunma Bilim Sosyal Medya İnternet Giyilebilir Teknoloji Rehber Ürünler Son dakika Yazarlar
  1. Ana sayfa
  2. Topluluk
  3. Webmaster Dünyası
  4. Web Tasarımı
Web Tasarımı

CSS, div kullanımı

sonercelix08.11.20102 cevap6.552 görüntüleme
2009'den beri149 mesaj
#1


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
Cevaplar
2008'den beri6.394 mesaj
#2
yardım edebilmemiz için html, css ve javascript kodlarını paylaşmalısın.
sonercelix Konuyu açan
2009'den beri149 mesaj
#3
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;
}

Cevabını yaz

Cevap yazmak için giriş yap ya da üye ol. Eski forum kullanıcı adın ve parolanla girebilirsin.