Autor Zpráva
Charlie22
Profil *
Zdravím všechny,
řeším takovýto problém viz. kód:

HTML
<body>
<div id="container">
	<div id="title">Title</div>
	<div id="content">Content</div>
	<div id="footer">Footer</div>
</div>
</body>
</html>


CSS
body ,html{
   height: 100%;
   margin: 0px;
   padding: 0px;
}

#container {
   background-color: #3FC;
   width: 800px;
   margin-right: auto;
   margin-left: auto;
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   height: 100%;
}

#title {
   background-color: #CCC;
   margin: 0px;
   padding: 0px;
}

#content {
   background-color: #FFC;
   margin: 0px;
   padding: 0px;
   height: 1200px;
}

#footer {
   background-color: #666;
   position: absolute;
   bottom: 0px;
   width: 800px;
}


Ukázka:
Odkaz

jde mi o to, že pokud pokud DIV Content je větší jak stránka, potřboval bych patičku (footer) mít až za DIV Content. Pokud je menší, než plocha obrazovky, musí zůstat umístěn na spodním okraji obrazovky.

Nemůžu na to za boha přijít. Pls help :-(
tiso
Profil
http://weblog.plavacek.net/2005-02.html#1108716997
Plaváček
Profil
Nebo http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=74711
Charlie22
Profil *
diky, za linky, jsem tusil, ze jsem to nekde videl
Charlie22
Profil *
..tak jsem si s tim hral s tim Plaváčkovým řešením a má to drobný háček, pokud zoubrazuji divy pomoci javascriptu (jQuery), tak ve FF to chodí ok, patička se za běhu posune mimo obrazovku pokud je text delší, ale v IE7 zůstane viset pořád na spodním okrají a obsah ji podteče. Máte nějaký nápad, jak to vyřešit?
Charlie22
Profil *
..tak zbytečný poplach, měl jsem chybu v CSS

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: