Nasıl hiçbir içerik varsa, hatta bir DİV blok sayfanın alt genişletmek için zorlamak mı?

SORU

29 EYLÜL 2008, PAZARTESİ

Nasıl hiçbir içerik varsa, hatta bir DİV blok sayfanın alt genişletmek için zorlamak mı?

Biçimlendirme aşağıda, sayfanın altındaki tüm yol germek için içerik div almaya çalışıyorum ama sadece içerik görüntülemek için eğer orada germe. Ben bunu yapmak istiyorum nedeni dikey kenarlık hala görüntü için herhangi bir içerik değil eğer öyle de sayfayı aşağı görünür.

Burada benimHTML:

<body>
    <form id="form1">
    <div id="header">
        <a title="Home" href="index.html" />
    </div>

    <div id="menuwrapper">
        <div id="menu">
        </div>
    </div>

    <div id="content">
    </div>

Ve benimCSS:

body {
    font-family: Trebuchet MS, Verdana, MS Sans Serif;
    font-size:0.9em;
    margin:0;
    padding:0;
}
div#header {
    width: 100%;
    height: 100px;
}
#header a {
    background-position: 100px 30px;
    background: transparent url(site-style-images/sitelogo.jpg) no-repeat fixed 100px 30px;
    height: 80px;
    display: block;
}
#header, #menuwrapper {
    background-repeat: repeat;
    background-image: url(site-style-images/darkblue_background_color.jpg);
}
#menu #menuwrapper {
    height:25px;
}
div#menuwrapper {
    width:100%
}
#menu, #content {
    width:1024px;
    margin: 0 auto;
}
div#menu {
    height: 25px;
    background-color:#50657a;
}

CEVAP

23 ŞUBAT 2009, PAZARTESİ

Senin sorunun div 100% yükseklikte değildir, kapsayıcı değildir.Bu kullandığınız şüpheli tarayıcı yardımcı olacaktır:

html,body { height:100%; }

Doldurma ve kenar boşlukları da ayarlamak gerekebilir, ama bu size ancak yüzde 90'ını.Eğer tüm tarayıcılar ile iş yapmanız gerekiyorsa onunla biraz uğraşmak zorunda kalacak.

Bu site bazı mükemmel örnekler vardır:

http://www.brunildo.org/test/html_body_0.html
http://www.brunildo.org/test/html_body_11b.html
http://www.brunildo.org/test/index.html

Ben de 9* *gitmeyi tavsiye ederim

-Jason

Bunu Paylaş: