Autor Zpráva
krupis
Profil *
Ahoj, snažím se vytvořit dvousloupcový layout, bohužel narážím na stejný problém a nevím, co s tím. Takže to zkusím trošku zjednodušit.
Vytvořím si jeden velký blok pomocí <div> a do něj vkládám dva další bloky. Jeden s vlastností float:left a do té doby je vše v pořádku. Poté přidám druhý sloupec s vlastností float:right. Jakmile tohle udělám, oba sloupce přestanou být součástí onoho velkého bloku <div> v Mozille a IE7. Vypadá to takto


Když píšu kód v PSPadu, který má svůj interní náhled (nějaký starší IE), tak se to zobrazuje tak, jak chci a oba sloupce jsou jakoby pohlceny velkým blokem. Začínám, tak díky za každou radu...

XHTML:
<body>
<div id="celek">

<div id="hlavicka">
hlavička
</div>

<div id="levy">
levý
</div>

<div id="pravy">
pravý
</div>

</div>
</body>

CSS:
#celek
{
width: 1000px;
margin: auto;
padding: 5px 5px 10px 5px;
border: 5px solid;
}

#hlavicka
{
width: 1000px;
margin: auto;
background-color: green;
border: 2px solid;
text-align: center;
}

#levy
{
width: 200px;
margin: 3px 3px 0px 0px;
background-color: blue;
border: 2px solid;
float: left;
}

#pravy
{
width: 200px;
margin: 3px 0px 0px 3px;
background-color: yellow;
border: 2px solid;
float: right;
}
tiso
Profil
Za float prvky pridaj čistič - prvok s nastaveným clear: both;
krupis
Profil *
díky za odpověď, vše funguje jak má...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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