Autor Zpráva
bballerat
Profil
Mám box s maximální šířkou 1000px a v něm dva boxy - potřebuji aby levý byl proměnlivý a pravý byl vždy 300px.

Jak toho docílím, aby to fungovalo? Když je v levé straně už moc textu, tak mi pravý box spadne pod levý a já potřebuji aby byl nahoře.

Nevíte někdo jak na to? :) díky.

box: max-width:1000px;
left_box: float:left;
rightbox: float:right; width:300px;

<div id="box">
<div class="left_box">levá strana</div>
<div class="right_box">pravá strana</div>
</div>
Martin02
Profil
bballerat:
Když levému boxu přidáš max-width: 700px;, mělo by to fungovat.
Trejpa
Profil
bballerat:
Prohoď pořadí bloků v HTML a levému bloku nastav místo plavání pravý margin na šířku toho pravého.
#box { max-width: 1000px; }
.left_box { margin-right: 300px; }
.right_box { float: right; width: 300px; }
<div id=box>
<div class=right_box>pravá strana</div>
<div class=left_box>levá strana</div>
</div>

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: