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 58.137.132.100 (dyskusja). Autor przywróconej wersji to 72.3.139.247.) |
m (Zastępowanie tekstu - "<source lang="css">" na "<pre>") |
||
(Nie pokazano 4 pośrednich wersji utworzonych przez tego samego użytkownika) | |||
Linia 1: | Linia 1: | ||
<pre> | |||
<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> | |||
</pre> | |||
<pre> | |||
* { | |||
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; | |||
} | |||
</pre> | |||
[[Category:HTML]] |
Aktualna wersja na dzień 14:35, 18 lut 2018
<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>
* { 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; }