Autor Zpráva
Wan-To
Profil *
Smažím se vytvořit 3-sloupcový gumový layout, který bude vypadat asi takto:

+-----+----------+-----+
|175px| zbytek |175px|
| | | |
| | | |
+-----+----------+-----+

V CSS se mi to nepodařilo vytvořit, tak jsem udělal tento "gumový" kus stránky jako tabulku a zbytek (logo, horní menu) pomocí CSS. Nevíte, jak udělat i tohle s CSS, abych neměl "mixovaný" layout?
Anonymní
Profil *
#left {
width: 175px;
float: left;
}
#right {
width: 175px;
float: right;
}
#middle {
margin: 0 180px;
}

<div id="left">levy</div>
<div id="right">pravy</div>
<div id="middle">stredni</div>

To je tak asi nejrychlejší a nejjednodušší řešení.
Wan-To
Profil *
Nemělo by být u DIVů nastavené display: inline?
Martin Kuželka
Profil
Wan-To, ne, nemělo.
Wan-To
Profil *
Udělal jsem to tahle:

<html>
<head>
<title>aaa</title>
</head>
<body style = "padding: 0px; margin: 0px;">
<div style = "margin: 0px; float: left; width: 175px; height: 200px; background-color: Red;"></div>
<div style = "margin: 0px; float: right; width: 175px; height: 200px; background-color: Blue;"></div>
<div style = "margin: 0px; height: 200px; background-color: Green;"></div>
</body>
</html>

Sice to funguje, ale mezi divy je mezera (asi 5px;) - ta mi nejde nijak odstranit. Navíc vůbec nechápu jak a proč to funguje :-(
Wan-To
Profil *
Ve Firefoxu ta mezera není...
krteczek
Profil
wan-to je i v opere :(
Toto téma je uzamčeno. Odpověď nelze zaslat.