Autor | Zpráva | ||
---|---|---|---|
*Čvachta* Profil * |
V Mozile 1.1:
V IE 6.0: Přoč se mi to tak překrývá s ralativnímy pozicemi ??? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <meta name="GENERATOR" content="NOTEPAD"> <meta http-equiv="Content-Language" content="cs"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <link rel="stylesheet" href="etc/siemens.css" type="text/css"> <title> M SIMENS </title> </head> <body> <div id="vrsek"> <div id="prihlaseni"> <form action=""> Přezdívka: <br> <input type="text" name="nick" class="nick"> <br> Heslo: <br> <input type="password" name="heslo" class="heslo"> <input type="submit" name="posli" value="OK" class="tlacitko"> </form> </div> <a href=""><img src="etc/logo.png" class="logo"></a> </div> <div id="page"> <div id="text"> cokoliv </div> </div> </body> </html> /* copyright © 2004 čvachta */ body { padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; background-color: #ffffcc; margin: 0px; color: #000000; text-align: center; } #menu { position: relative; background-color: #000000; WIDTH: 20px; FLOAT: right; } #page { position: relative; border: #5847f5 2px solid; background-color: #99EC95; height: auto; margin: 0px auto; padding: 0px; width: 750px; color: #000000; text-align: left; } #vrsek { font-family: verdana; position: relative; margin-left: auto; margin-right: auto; border-right: #5847f5 2px solid; border-top: #5847f5 2px solid; border-left: #5847f5 2px solid; border-bottom: 0px; background-color: #b0acee; width: 750px; height: 85px; color: #000000; text-align: left; font-size: 16px; } #text h1 { font-size: 30px; margin-top: 10px; margin-bottom: 10px; } #text { position: relative; height: auto; text-align: center; padding: 0px; float: left; width: 580px; background-color: #FFFFFF; } #prihlaseni { position: absolute; top: 5px; left: 630px; width: 120px; text-aling: center; color: #0c36de; } .nick { border-style: solid; border-color: #000000; border-width: 1px; background-color: #ffffff; height: 18px; width: 110px; } .heslo { border-style: solid; border-color: #000000; border-width: 1px; background-color: #ffffff; height: 18px; width: 70px; } .tlacitko { border-style: solid; border-color: #000000; border-width: 1px; color: #000000; background-color: #ffffff; cursor: hand; height: 18px; _height: 22px; width: 35px; } .logo { position: absolute; left: 0px; top: 10px; width: 469px; height: 60px; border: 0px; } /* odkazy */ #menu a { display: block; padding: 1px; color: #5847f5; background-color: none; text-decoration: none; } #menu a:hover { color: #ffffff; background-color: #5847f5; } #text a { color: #000000; text-decoration: underline; } #text a:hover { color: #000000; text-decoration: none; } |
||
Yuhů Profil |
#2 · Zasláno: 12. 10. 2004, 02:50:21
Příště bych to prosil odmazat až do takovéhoto tvaru:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <style> #page { position: relative; border: green 2px solid; background-color: #99EC95; height: auto; margin: 0px auto; padding: 0px; width: 750px; color: #000000; text-align: left; } #text { position: relative; height: auto; text-align: center; padding: 0px; float: left; width: 580px; background-color: #FFFFFF; } </style> </head> <body> <div id="page"> <div id="text"> cokoliv </div> </div> </body> </html> Problémem je kombinace nastavení výšky a obtékání u #text. Jakmile se něčemu zadá float, tak to Mozilla správně vyjímá z toku dokumentu a při automatické výšce prostě překrývá border. Řešením je buďto smazat float: left u #text, nebo za text (a případně za pravý sloupček) přidat něco takovéhoto: <div style="clear:both"> </div> |
||
*Čvachta* Profil * |
#3 · Zasláno: 12. 10. 2004, 09:49:46
Moc děkuji !!!!!!
Pomohl jsi mi !!!! |
||
Časová prodleva: 20 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0