float

[zero]

ewo opet sam dosao do problema... sada mi treba:

{bla1}

{bla2.0
bla2.5}

{bla3}

Zamislite sve ovo u jednoj ravnini Znaci, svaki bla oznacava div, a {} oznacava float. Napravio sam da je bla1 skroz lijevo, bla2.0 i bla2.5 u srediti, a bla 3 desno. Sada me zanima, kako da bla2.0 i bla2.5 budu jedan ispod drugog. Valjda me razumjete sto zelim reci. Naravno, bez margina, jer onda napisem jos jednu rijec i sve ode k**agu...

EDIT: Zaboravio napisati. Znaci nesmiju se dodirivati. Znaci bla2.0 i bla2.5 su u jednom drugom divu. Bla2.0 treba biti na vrhu diva, a bla2.5 na dnu diva.

[Gogy]

Čekaj, ne smiju se dodirivati a ne možeš margine stavit? To neće ić bez margina (osim da između njih staviš još jedan prazan div.

Dakle ideš float lijevo float lijevo, float lijevo ili kak god (ono što smo prije rekli) i onda u ovaj drugi div (u sredini) staviš ta dva diva. E sad, da se ne dodiruju moraš ili koristit margine ili staviti još jedan prazan div između njih.

[Puž]

Pa to ti je ovaj vrag kaj sam ti ja postao....

[]--------------[]--------------[]

Trebaš ovakve divove, gdje centar div sadrži dva diva...

Code:

<div style="text-align:center;background:yellow">

    <div style="float:left;width:200px;background:red">bla1</div>
    <div style="float:right;width:200px;background:blue">bla3</div>

    <div style="width:200px;background:green">
         <div>bla2.0</div>
         <div>bla2.5</div>
    </div>

</div>

[zero]

@gogy

Moram bez margine jer inace u bla2.0 napisem vise redova i bla2.5 izleti van tog diva u sredini... Shvacate?

[Gogy]

Pa ispod ta dva diva u sredini stavi jedan prazan div sa clear: both; pa neće izletat van.