Prilepi nogo na spodnji rob s CCS-jem
Posted by admin in html / css
Tukaj je uporabna koda za postavitev noge na spodnji rob brskalnika s CSS-jem.
HTML koda:
<html>
<title>Stick Footer</title>
<body>
<div id=”container”>
<div id=”content”>
<p>Content text …</p>
</div>
<div class=”push”></div>
</div>
<div id=”footer”>
<p>Footer text …</p>
</div>
</body>
</html>
CSS koda:
* {
margin: 0;
}
html, body {
height: 100%;
}
#container {
width:700px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto -40px; /* spodnji margin je negativna vrednost višine noge */
}
.push {
height: 40px; /* .push mora biti iste višine kot #footer */
}
#content {
padding:20px;
}
#footer {
width:700px;
margin:0px auto;
height: 40px;
}
Tukaj je primer.
tukaj je se en primer:
http://www.themaninblue.com/writing/perspective/2005/08/29/
js bi pa rabu takega ko scrollas content da je footer vedno viden, tega se pa ne vidi na tvojmu primeru, ker ni velik texta v contentu
Sem pripravila primer za fiksiranje noge na spodnji rob in sicer tukaj.