18-03-2010, 06:41
Zrobiłem Ci taki 'szkielet', a Ty zobacz na czym polega to przyklejenie footera to dołu strony i edytuj swoją stronę w ten sam sposób.
HTML:
CSS:
Musisz tego diva 'page' zamknąć dopiero po footerze. Najważniejsze do zmiany w CSS jest position: relative w page i position: absolute w footer, min-height:100%; w page i bottom:0; w footerze.
HTML:
Kod:
<body>
<div id="page">
<div id="header"></div>
<div id="content"></div>
<div id="footer">Raz dwa</div>
</div>
</body>CSS:
Kod:
html, body {
height: 100%
}
#page {
background-color: #000000;
position:relative;
width:960px;
min-height:100%;
}
#footer {
background-color: #ff0000;
width:100%;
height:50px;
position:absolute;
bottom:0;
}Musisz tego diva 'page' zamknąć dopiero po footerze. Najważniejsze do zmiany w CSS jest position: relative w page i position: absolute w footer, min-height:100%; w page i bottom:0; w footerze.
