Autor Zpráva
Wan-To
Profil *
#1 · Zasláno: 28. 2. 2005, 09:51:21
Odpovědět Citovat
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 *
#2 · Zasláno: 28. 2. 2005, 09:59:21
Odpovědět Citovat
#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 *
#3 · Zasláno: 28. 2. 2005, 10:48:40
Odpovědět Citovat
Nemělo by být u DIVů nastavené display: inline?
Martin Kuželka
Profil
#4 · Zasláno: 28. 2. 2005, 10:57:23
Odpovědět Citovat
Wan-To, ne, nemělo.
Wan-To
Profil *
#5 · Zasláno: 28. 2. 2005, 12:56:41
Odpovědět Citovat
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 *
#6 · Zasláno: 28. 2. 2005, 13:00:40
Odpovědět Citovat
Ve Firefoxu ta mezera není...
krteczek
Profil
#7 · Zasláno: 28. 2. 2005, 18:10:35
Odpovědět Citovat
wan-to je i v opere :(
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0