Autor Zpráva
flary
Profil
Zdravím,
pokládám dost stupidní dotaz, ale nevím si moc rady. Chci mít dva divy (menu a body) vedle sebe, typický 2sloupcový layout. Jenže, zkoušel jsem jsem je šoupnout na vodu (rozuměj: "float: left") a to šlo, jenže jen do jisté chvíle. Menu má šířku 200px a body má šířku variabilní. Když do body napíši něco vy smyslu "aaa" tak je to všechno fajn, jenže jakmile vložím <p> a rozepíšu se, body podskočí pod menu. To pak vypadá fakt hrozně. Můj ideál je ten, aby se řádky zalomily tak, aby body zůstalo pořád napravo od menu a také aby když vložím do body prvek s width=5000, aby se body jen roztáhlo, ale nepodskočilo!

Tady je kód:
<div style="background: lime; width: 200px; float: left;">menu</div>
<div style="background: red; float: left;">body</div>

, který funguje, jenže když dám do divu body něco velkoryse prostorově řešeného, dopadá to jinak než bych chtěl....

Díky
vertigo4
Profil
flary
nastav body šířku
flary
Profil
Jo, to bych rád, jenže když dám 100%, tak mi to vyskočí pryč díky paddingům a marginům a natvrdo jí nastavit nemůžu - jedná se o personalizabilní šablonu. Takže tabulku?
Trejpa
Profil
flary
<style type="text/css">
div { background: yellow; margin: 0 0 0 200px; padding: 1em 2ex; }
menu { background: aqua; margin: 0; padding: 0; list-style-type: none; float: left; width: 200px; }
</style>
<menu><li>První<li>Druhá<li>Třetí</menu>
<div>Text<br>text<br>text.</div>
flary
Profil
Trejpa
Dík!! Přesně podle představ!
Trejpa
Profil
flary
Není zač.

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:

0