Autor Zpráva
xcvxcv
Profil *
Ahoj da se jen pomoci HTML a CSS zarovnat divy pod sebe, tzn.

<style>
div div {width: 200px; float: left;}
</style>
<div style="width:800px;">
<div style="height:200px;background-color:blue"></div>
<div style="height:130px;background-color:red"></div>
<div style="height:240px;background-color:gold"></div>
<div style="height:280px;background-color:navy"></div>
<div style="height:290px;background-color:silver"></div>
<div style="height:290px;background-color:yellow"></div>
</div>

jde mi o to, ze mam takhle 4 divy v radku a dalsi radek se bude rovnat pod ne, ale zarovnaji se do radku podle nejvyssiho z prvniho radku. A ja bych chtel aby ty divy byly rovnou pod sebou.
Pripadne pokud to nejde v CSS jak se to resi v jsku? zjistit vysku daneho divu a tomu divu pod nim nastavit zaporny margin?

Diky za radu
Tomáš123
Profil
xcvxcv:
Dalo by sa to vyriešiť HTML tabuľkou.
xcvxcv
Profil *
No nedalo, tabulka se chova v podstate uplne stejne.
Chci aby kdyz ma prvni div vysku 200px, aby div pod nim byl hned pod nim a ne az za 90px (podle vysky maximalniho divu)
Hando
Profil
Ahoj.
Nevím, jestli jsem správně pochopil, co že to vlastně chceš, ale pokud jde jen o to, aby byly jednotlivé divy ve sloupečku pod sebou, tak stačí dát pryč float: left;. :)
Viz http://kod.djpw.cz/erfb.
juriad
Profil
xcvxcv má dejmetomu 8 divů (A-H) a chce je zarovnat tak, aby se div umístil na nejdřívější místo, kde je volno.
Následovně:

AA BB CC DD
AA BB CC DD
__ BB CC DD
EE BB CC DD
EE __ __ DD
EE FF GG DD
EE FF GG __
EE FF GG HH
EE FF GG HH
EE __ GG HH
xinchao
Profil *
masonry layout

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: