:100%; height çalışmıyor | Netgez.com
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

html {
    height: 100%;
}

Ve senin kod iyi.*çalışması gerekir 0*

JsFiddle example.

Bunu PaylaÅŸ:
  • Google+
  • E-Posta
Etiketler:
HtmlCssYükseklikHeight

AYNI ETÄ°KETTEKÄ° VÄ°DEOLAR

YORUMLAR

SPONSOR VÄ°DEO

Rastgele Yazarlar

  • REK Roth Productions

    REK Roth Pro

    8 Ocak 2011
  • Rozetked | Обзоры

    Rozetked | Ð

    5 AÄžUSTOS 2011
  • Vicious Computers

    Vicious Comp

    14 EKÄ°M 2006

Ä°LGÄ°LÄ° SORU / CEVAPLAR

Ä°LGÄ°LÄ° BAÄžLANTILAR