Mam problem ze zrobieniem stopki tak, aby była w standardowym miejscu, czyli jakieś np. 100px pod ostatnim elementem strony.
Kod który podałem działa, gdy strona jest tak krótka, ze nie zapełnia całej przeglądarki i wtedy faktycznie stopka jest na samym dole.
Problem jest wtedy, gdy strona jest dłuższa że musimy przesunąć scrolla. Efekt jest następujący:
http://turson.pl/host/files/4959359.jpg<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="Shortcut icon" href="images/favicon.png" /> <link rel="stylesheet" href="style.css" type="text/css"> <a href="index.php"><div class="logo"></div></a> <a href="szukaj.php" class="menua">OGŁOSZENIA
</a> • <a href="#" class="menua">KONTO
</a> • <a href="#" class="menua">FAQ
</a> <a href="#"><div class="dodaj_ogloszenie"></div></a> <div class="container_top"> <div class="container_lewo"> <div style="font-weight:bold;font-family:verdana;text-align:center">szukaj
</div> jeden
<br>dwa
<br>trzy
<br>czteryjeden
<br>dwa
<br>trzy
<br>czteryjeden
<br>dwa
<br>trzy
<br>cztery
jeden
<br>dwa
<br>trzy
<br>czteryjeden
<br>dwa
<br>trzy
<br>czteryjeden
<br>dwa
<br>trzy
<br>cztery
<div class="container_prawo"> jeden
<br>dwa
<br>trzy
<br>cztery
<div class="footer_linki"> <a href="index.php">Strona główna
</a> |
<a href="zasady">Zasady korzystania
</a> |
<a href="pomoc">Pomoc
</a> |
<a href="kontakt">Kontakt
</a> <div class="footer_text"> Wszystkie prawa zastrzeżone.
html, body{background-color:white;margin:0;padding:0;height:100%;}
a{text-decoration:none:outline:none}
.logo_bg{background:url(images/logo_bg.jpg) repeat-x;width:100%;height:192px;}
.logo{background:url(images/logo.png);width:400px;height:110px;margin-left:100px;float:left}
.logo:hover{background:url(images/logo_hover.png);width:400px;height:110px;}
.menu{font-family:Courier New;float:right;margin-right:150px;;margin-top:60px;color:#a9a9a9;}
.menua{text-decoration:none;color:#1f1f1f;font-size:22px;padding:5px 3px 5px 3px;border:0;text-shadow: 1px 1px 7px #828282;letter-spacing:-1px;margin-right:20px}
.menua:hover{backgroudnd-color:#dcdcdc;text-decoration:none;color:black;text-shadow: 1px 1px 7px #232323;background-color:#d4d4d4}
.dodaj_ogloszenie{background:url(images/dodaj_ogloszenie.png)no-repeat;width:120px;height:50px;float:right;margin-top:-25px;margin-left:30px}
.dodaj_ogloszenie:hover{background:url(images/dodaj_ogloszenie_hover.png)no-repeat;width:120px;height:50px}
.footer{position:absolute;bottom:0;width:100%;box-shadow: 2px 0px 7px #828282;text-align:center;padding: 4px 0 3px 0;}
.footer_text{font-size:15px;font-family:verdana;color:#3f3f3f;letter-spacing:-1px}
.footer_linki{font-size:13px;font-family:verdana;color:#acacac;letter-spacing:7px}
.footer_linki a{letter-spacing:0;font-size:15px;text-decoration:none;color:#3f3f3f;letter-spacing:-1px} .footer_linki a:hover{text-decoration:underline}
.container{width:1000px;padding:0;margin:auto;}
.container_top{margin-top:30px;border-top:1px solid #cecece;height:100%}
.container_lewo{float:left;width:249px;border-right:1px solid #cecece;}
.container_prawo{float:right;width:750px;}
.cnt_text{padding:20px}
.cnt_text select{color:#2e2e2e;border:1px solid #7f7f7f;background:#f6f6f6;font-size:14px;padding:3px 3px 3px 3px;margin:4px;}
[HTML][CSS] Stopka - złe miejsce na stronie
TursoN [HTML][CSS] Stopka - złe miejsce na stronie 14.07.2013, 21:13:34 
