Autor Zpráva
AM
Profil *
Zdravím,
snažím se udělat layout pomocí plovoucích divů, jednoduše levé menu a vedle text.
Když udělám
<div style="width:200px;float:left">polozka 1<br />polozka 2<br />polozka 3<br /></div>
<div>nejaky velmi dlouhy text ktery zabere vertikalne vic mista nez menu</div>
začne se text z hlouhého divu zalamovat pod menu, takhle:
menu obsah obsah obsah
menu obsah obsah obsah
obsah obsah obsah

jak docílím toho, aby obsah "udržel" formu? abych dosáhl tohoto:
menu obsah obsah obsah
menu obsah obsah obsah
obsah obsah obsah

snažím se udělat layout bez tabulek pro případ budoucího přestylování, ale umisťování více divů vedle sebe pomocí float:left stále končí u tohoto problému. jak se to řeší správně?
děkuji za rady
AM
Profil *
pardon, diskuse smrskla mezery, takže ukázka nedává smysl.
chci dosáhnout tohoto:

menu......obsah
menu......obsah
...............obsah
...............obsah
(tečky=volné místo)
Casero
Profil
AM
<div style="width:200px;float:left">polozka 1<br />polozka 2<br />polozka 3<br /></div>
<div style="margin-left:200px">nejaky velmi dlouhy text ktery zabere vertikalne vic mista nez menu</div>
panther
Profil
Casero
i u toho druhého divu musí být float
AM
Profil *
aha, v tom je ten vtip :) diky, vyreseno.
Casero
Profil
panther
Mmnt...teď jsem se nad tím zamyslel, proč je tam potřeba?...není tam spíš naškodu?

<div style="width:200px;float:left">polozka 1<br />polozka 2<br />polozka 3<br /></div>
<div style="margin-left:200px;float:left">nejaky velmi dlouhy text ktery zabere vertikalne vic mista nez menu</div>


- druhý div bude o 200px vzdálen od prvního

Moje bývalé řešeni:
<div style="width:200px;float:left">polozka 1<br />polozka 2<br />polozka 3<br /></div>
<div style="margin-left:200px;">nejaky velmi dlouhy text ktery zabere vertikalne vic mista nez menu</div>


- se vykreslí správně až na 3px bug v IE

Nejlepší řešení je pouhý float. Odpadá 3px bug.
<div style="width:200px;float:left">polozka 1<br />polozka 2<br />polozka 3<br /></div>
<div style="float:left;">nejaky velmi dlouhy text ktery zabere vertikalne vic mista nez menu</div>
panther
Profil
Casero
- druhý div bude o 200px vzdálen od prvního
no jasně, ale nač ten margin? Je tam zbytečný ;-)

U obou prvků stačí float a width, nic víc nepotřebuješ.
Casero
Profil
panther
no jasně, ale nač ten margin? Je tam zbytečný ;-)
Bez použití float je pouhý margin dostačující řešení. Viz. můj druhý příklad.

i u toho druhého divu musí být float
Reagoval jsem na to, že nemusí!

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: