CSS, div kullanımı

Konusu 'Web Tasarımı' forumundadır ve sonercelix tarafından 8 Kasım 2010 başlatılmıştır.

  1. sonercelix

    sonercelix Asistan

    Katılım:
    13 Şubat 2009
    Mesajlar:
    147
    Beğenileri:
    0
    Ödül Puanları:
    0

    - CSS, div kullanımı

    [​IMG]


    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
     
  2. orcnd

    orcnd Dekan

    Katılım:
    13 Ekim 2008
    Mesajlar:
    5.965
    Beğenileri:
    85
    Ödül Puanları:
    48
    yardım edebilmemiz için html, css ve javascript kodlarını paylaşmalısın.
     
  3. sonercelix

    sonercelix Asistan

    Katılım:
    13 Şubat 2009
    Mesajlar:
    147
    Beğenileri:
    0
    Ödül Puanları:
    0
    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;
    }
     

Sayfayı Paylaş