Autor Zpráva
eVoltEr
Profil
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
Tak uz jsem to vyresil :)
2 admin: DELETE

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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