Po dlhom čase som si dnes zase lámal hlavu nad CSS pätou(pätička vždy dole). Prešiel som pár príkladov a rozhodol som sa urobiť si tú pätu na svoj obraz.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<style type="text/css">
html, body, div, form, p, img, menu, ul, ol, li, a, h1, h2, h3{margin:0px; padding:0px}
body, table, form, h1, h2, h3, h4{font-family:tahoma}
html,body{height:100%}
#obal{Nborder:1px solid red; min-height:100%; min-width:950px; position:relative; }
#header{margin:0px auto; padding-top:50px; text-align:center; height:155px; position:relative; background-color:#aaaaaa;}
#obsah{position:relative; margin:0px auto; width:950px; margin-bottom:180px;}
#pataBG{color:#ff1a00; position:absolute; bottom:0px; left:0px; width:100%; height:120px; background-color:#aaaaaa; text-align:center}
#contentDiv{padding:5px 15px;}
#menuBG{color:#ff1a00; position:absolute; bottom:0px; left:0px; width:100%; background-color:#aaaaaa;}
li{display:inline; list-style-type:none; padding:5px 20px}
</style>
<!--[if lt IE 7]>
<style type="text/css">
#obal{height:100%; }
</style>
<![endif]-->
</head>
<body>
<div id="obal">
<div id="header">
<h1>Header</h1>
<div id="menuBG">
<ul id="menu">
<li>menu</li><li>menu</li><li>menu</li><li>menu</li>
</ul>
</div>
</div>
<div id="obsah">
obsah<br>obsah<br>obsah<br>obsah
<br>obsah<br>obsah<br>obsah<br>
obsah<br>obsah<br>obsah<br>obsah
<br>obsah<br>obsah<br>obsah<br>
obsah<br>obsah<br>obsah<br>obsah
<br>obsah<br>obsah<br>obsah<br>
obsah<br>obsah<br>obsah<br>obsah
<br>obsah<br>obsah<br>obsah<br>
obsah<br>obsah<br>obsah<br>obsah
<br>obsah<br>obsah<br>obsah<br>
obsah<br>obsah<br>obsah<br>obsah
<br>obsah<br>obsah<br>obsah<br>
obsah<br>obsah<br>obsah<br>obsah
<br>obsah<br>obsah<br>obsah<br>
obsah<br>obsah<br>obsah<br>obsah
<br>obsah<br>obsah<br>END
</div>
<div id="pataBG">
<ul id="pata">
<ul id="menu">
<li>menu</li><li>menu</li><li>menu</li><li>menu</li>
</ul>
</ul>
</div>
</div>
</body>
</html>
Pozrite si to vo FF a uvidíte, že pätička je kdesi mino. Potom si v CSS #obal odblokujte prvú vlastnosť border a pätička by sa mala spamätať. Neviem či to sú len medzery v mojich vedomostiach, ale pravdupovediac nechápem čo sa deje.
Keď som čítal Plaváčkovu pätičku vždy dole, tak som videl, že tam hackuje nejakú Operu 9.5. Chcem sa spýtať, či to mám brať vážne, alebo sa na to vykašľať...
