:100%; height çalışmıyor

SORU

13 AĞUSTOS 2011, CUMARTESİ

:100%; height çalışmıyor

Carousel DIV (s7) tüm ekran yüksekliğini genişletmek istiyorum. Başarılı değil neden için bir fikir bulamadım. Sen-ebilmek sayfasına git here.

body {
height:100%;
color:#FFF;
font: normal 28px/28px 'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif;
background:#222 url('') no-repeat center center fixed;
overflow:hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0;
padding: 0;
}

.holder {
height:100%;
margin:auto;
}

#s7 {
width:100%;
height:100%:
margin:auto;
overflow: hidden;
z-index:1;
}

#s7 #posts {
width:100%; 
min-height:100%; 
color: #FFF; 
font-size: 13px; 
text-align:left; 
line-height:16px;
margin:auto;
background:#AAA;
}

<body>

<div class="nav">
<a class="prev2" id="prev2" href="#"><img
src="http://static.tumblr.com/ux4v5bf/ASslogxz4/left.png"></a>
<a class="next2" id="next2" href="#"><img  
src="http://static.tumblr.com/ux4v5bf/swslogxmg/right.png"></a>
</div>

<div class="holder">
<tr><td>
    <div id="s7">
        {block:Posts}
        <div id="posts">

CEVAP

13 AĞUSTOS 2011, CUMARTESİ

Yükseklik çalışmak için bir yüzde değeri için üst yüksekliği tespit edilmelidir. Tek istisna değildirkökelement yüzdesi yüksekliği olabilir <html>,. .

Yani, tüm öğeleri yüksekliği dışında yapman gereken bu eklenti yani <html>,: verdin