Autor Zpráva
tomasp
Profil *
Hezký den, potřebuji malou pomoc ...

#hlavnipanel
{
margin:0 0 0 280px;
padding:0;
}

#hlavnipanel-obsah
{
margin:0;
padding: 0;
}

#levypanel
{
float: left;
width: 275;
margin:0;
padding:0;
}

#levypanel-obsah
{
margin:0;
padding: 0;
}


Což funguje. Když mám ale v hlavnipanel-obsah něco s float třeba:


<p><img style = "float:left" src = "" alt = "" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at enim diam, sed consectetur ante. Pellentesque adipiscing pharetra tortor, eget fermentum odio accumsan in. Praesent nulla massa, fermentum sit amet ullamcorper id, venenatis eget ipsum. </p>

a jakmile následuje clear, třeba

<hr style = "clear:both;" />

tak se mi další text nevypíše hned pod odstavec ale až pod úroveň konce obsahu #levypanel-obsah.

Poradíte co dělám špatně?
Plaváček
Profil
tomasp:

Dodej živou ukázku, ale ještě předtím si přečti, jak funguje float a clear: http://www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082
Davex
Profil
tomasp:
Je to celkem logické chování - levý sloupec je plovoucí a clear ukončuje obtékání. Pokud chceš, aby měl clear omezenou působnost jen uvnitř hlavního bloku, tak se musí rozplavat i hlavní blok (příklad).
tomasp
Profil *
díky moc, pročetl jsem, pochopil jsem.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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