Jak zrobić stopkę w css która będzie zawsze u dołu strony www ?: Różnice pomiędzy wersjami
Przejdź do nawigacji
Przejdź do wyszukiwania
m (Wycofano edycje użytkownika Adminka23 (dyskusja). Autor przywróconej wersji to 58.137.132.100.) |
|||
Linia 1: | Linia 1: | ||
<source lang="html4strict"> | |||
<html> | |||
<head> | |||
<link rel="stylesheet" href="layout.css" ... /> | |||
</head> | |||
<body> | |||
<div class="wrapper"> | |||
<p>Your website content here.</p> | |||
<div class="push"></div> | |||
</div> | |||
<div class="footer"> | |||
<p>Copyright (c) 2008</p> | |||
</div> | |||
</body> | |||
</html> | |||
</source> | |||
<source lang="css"> | |||
* { | |||
margin: 0; | |||
} | |||
html, body { | |||
height: 100%; | |||
} | |||
.wrapper { | |||
min-height: 100%; | |||
height: auto !important; | |||
height: 100%; | |||
margin: 0 auto -100px; | |||
} | |||
.footer, .push { | |||
height: 100px; | |||
margin-top:120px; | |||
} | |||
</source> | |||
[[Category:HTML]] |
Wersja z 01:37, 11 mar 2010
<source lang="html4strict"> <html>
<head> <link rel="stylesheet" href="layout.css" ... /> </head> <body>
Your website content here.
</body>
</html> </source>
<source lang="css">
- {
margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; } .footer, .push { height: 100px; margin-top:120px; } </source>