+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] rozciągnięcie diva (/thread-css-rozciagniecie-diva)
[CSS] rozciągnięcie diva - Resurrection - 09-08-2011
Witam. Nie wiem dlaczego div container nie chce ustawić wysokość na minimalną 100% tak aby div footer był zawsze na dole strony.Proszę o wskazówki. Posiadam taką konstrukcje
html:
Kod:
<body>
<div id="preload"></div>
<div id="container">
<div id="header">
<div id="banner"></div>
<div class="menu"></div>
</div>
<div id="body">
<div id="blok_lewy"></div>
<div id="blok_prawy"></div>
</div>
<div id="footer"></div>
</div>
</body>Kod:
#preload{
position:absolute;
left:-9999px;
top:-9999px;
}
body {
background-color:#FF3;
margin:0;
padding:0;
background-position:center top;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
height:100%;
}
#container {
background-color:#0F0;
width:1024px;
min-height:100%;
position:relative;
margin:auto;
}
#header {
width:1024px;
height:243px;
padding-top:0px;
}
#body {
padding:10px;
padding-bottom:60px; /* Wysokość stopki */
width: 1024px;
height:100%;
overflow:hidden;
}
#blok_lewy{
width:505px;
display:inline;
float:left;
height:100%;
}
#blok_prawy{
width:505px;
display:inline;
float:right;
height:100%;
}
#body p{
color:#d3d2d0;
font-family:Georgia,Verdana,Tahoma,Arial;
font-size:14px;
margin-left:10px;
margin-right:10px;
text-align:left;
}
#footer {
position:absolute;
bottom:0;
width:100%;
height:60px; /* Wysokość stopki */
background:#6cf;
}
#banner{
background:url(../images/banner.png) no-repeat;
float:left;
width:620px;
height:192px;
margin-left:60px;
margin-top:35px;
}RE: [CSS] rozciągnięcie diva - zacharij - 09-08-2011
A szukałeś na forum? Niedawno był poruszany temat tego typu:
http://www.webmastertalk.pl/pionowa-linia-t-7429.html
RE: [CSS] rozciągnięcie diva - artux - 09-08-2011
Spróbuj dodać jeszcze jednego diva w "body":
Kod:
<div id="body">
<div id="blok_lewy"></div>
<div id="blok_prawy"></div>
<div id="clear"></div>
</div>a w css:
Kod:
#clear {
clear:both;
}RE: [CSS] rozciągnięcie diva - Resurrection - 09-08-2011
Sprawa rozwiązana.
100% było ustawione dla body ale nie dla dokumentu html.
wszyscy "rodzice" muszą być ustawieni na 100% żeby można było ustawić tak "potomka "
czyli wystarczyło dodać
html,body{ ....}
Dziękuję wszystkim za zainteresowanie.
zamykam temat.