CSS float

Susidūriau su viena problema, laužiau galvą, ieškojau googlei, bet nieko doro neradau, esmė, kad turiu divus einančius šalia vienas kito:

http://imgur.com/8mEKCC9,zcPTFdn

kur raudonas eina, tai eina už to didelio, o man reikia, kad būtų:

http://imgur.com/8mEKCC9,zcPTFdn#1

Esme noriu, kad man tie divai taip išsidėstytų:

http://pbrd.co/1jpY2U0

Tai daryk pati pirma stulpeli sitaip:

<div id="pirmas stulpelis" style="float:left;">
<div id="virsutinis-div"></div>
<div id="apatinis-div"></div>
</div>

P.S. id surasiau tik kad aiskiau butu suprast apie kuriuos div eina kalba

Arba taip, kaip drakkkas rašė (dėstyti paeiliui stulpeliais, ne eilutėmis), arba vienu iš jQuery pluginų, kurie duoda “pinterest-like“ layout.

Tai daryk pati pirma stulpeli sitaip:

<div id="pirmas stulpelis" style="float:left;">
<div id="virsutinis-div"></div>
<div id="apatinis-div"></div>
</div>

 

P.S. id surasiau tik kad aiskiau butu suprast apie kuriuos div eina kalba

Supratau ką turi omenyje, dėkui, gal pabandysiu tai :)

Arba taip, kaip drakkkas rašė (dėstyti paeiliui stulpeliais, ne eilutėmis), arba vienu iš jQuery pluginų, kurie duoda “pinterest-like“ layout.

Dėl jQuery įdėjos ačiū