Autor | Zpráva | ||
---|---|---|---|
tomkat Profil * |
#1 · Zasláno: 24. 2. 2009, 17:14:37
Zdravim. Podle návodu sem "ukotvoval" patičku aby byla neustále dole.... Nicméně sem narazil na problém. Ikdyž v na stránce nemám napsaný žádný text, tak ve firefoxu se mě #MENU dotýká patičky a při napsaní více textu se to všechno protáhne, to je v pořádku ale v IE když tam nemám žádný text tak je ten blok #MENU asi jen v půlce stránky. Jak to mám vyřešit aby se to v IE chovalo stejně jako ve Firefoxu?
<html> <head> <meta http-equiv="Content-Language" content="cs"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <title>Strana1</title> <style type="text/css"> <!-- * { margin: 0; padding: 0; } html, body { height: 100%; } body { font-family: Tahoma, Verdana, Arial, lucida, sans-serif; background: #fff000; color: #000; font-size: x-small; text-align: center; min-width: 760px; line-height: 1.5; } html>body { font-size: small; } #main { width: 760px; margin: 0 auto; text-align: left; background: #00FF00; min-height: 100%; height: 100%; position: relative; border: solid 2px #D00000; } body>#main { height: auto; } #head { background: #f0f0ff; width: 760px; top: 0px; left: 0px; height: 129px; border: solid 2px #DDEEFF; margin: auto; -moz-box-sizing: border-box; } #lista { height: 75%; min-height: 350px; position: absolute; background: #FD0272; width: 121px; padding: 25px 0px 85px 0px; text-align: center; color: #000000; border: solid 2px #DDEEFF; top: 129px -moz-box-sizing: border-box; } #menu { min-height: 400px; position: relative; width: 639px; left: 121px; background: #636363; padding: 15px 10px 85px 10px; text-align: center; font-family: Georgia; font-size: 16px; color: #5ABABA; -moz-box-sizing: border-box; border: solid 2px #DDEEFF; } #flooter { position: absolute; overflow: hidden; bottom: 0; left: 0; width: 759px; height: 35px; background: #F0FF0F; text-align: center; color: #F000FF; border: solid 1px #000000; } h2, h3 { font-size: 130%; } h2 { padding: 0 0 5px 0; } p { padding: 0 0 15px 0; } --> </style> </head> <body> <div id="main"> <div id="head">Hlava</div> <div id="lista">Menu</div> <div id="menu">Hlavní obsah</div> <div id="flooter">Text patičky</div> </div> </body> </html> |
||
Časová prodleva: 15 let
|
0