Autor | Zpráva | ||
---|---|---|---|
eVoltEr Profil |
#1 · Zasláno: 25. 8. 2007, 13:20:31
Kdyz zobrazim stranku v IE 6 tak funguje ale v mozzile firefox se hlavni box rovna na prostredek i kdyz mu zadam margin-left/margin-right. Naopak kdyz dam float: right a k tomu margin-right: 10px , tak se od praveho boxu nechce odlepit.
Kod je tady: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title>Decent Gray</title> <style> body {background-color: Silver} #main {width: 900px; height: 800px; border: 1px solid #5a5a5a; background-color: Silver; background-image: url('images/mainbgr.jpg'); background-repeat: repeat-x; } #header {width: 880px; height: 150px; border: 1px solid #5a5a5a; background-image: url('images/header.jpg'); margin-top: 10px} #menu-1 {width: 160px; height: 200px; border: 1px solid #5a5a5a; background-image: url('images/menu-x-bgr.jpg'); background-repeat: repeat-x; float: left; margin-top: 10px; margin-left: 10px; _margin-left: 5px} #menu-2 {width: 160px; height: 200px; border: 1px solid #5a5a5a; background-image: url('images/menu-x-bgr.jpg'); background-repeat: repeat-x; float: left; margin-top: 220px; margin-left: -162px; _margin-left: -160px} #content {width: 707px; min-height: 615px; height: 615px; border: 1px solid Gray; margin-left: 185px; position: relative; top: 10px; right: 10px} </style> </head> <body> <center> <div id="main"> <div id="header"> </div> <div id="menu-1"> </div> <div id="menu-2"> </div> <!-- content --> <div id="content"> </div> <!-- /content --> </div> </center> </body> </html> Jak to mam zarovnat, aby se hlavni blok zobrazoval 10px od praveho okraje #main a 10px od bloku menu-1 a menu-2 ? Predem dik |
||
eVoltEr Profil |
#2 · Zasláno: 25. 8. 2007, 13:28:28
Tak uz jsem to vyresil :)
2 admin: DELETE |
||
Časová prodleva: 17 let
|
0