divy vedla seba

miro277 · Napísal **miro277**: 19.09.2007 23:37

Ako dat na html stranku dva a viac divov (tag div) vedla seba? A aby zacinali na tej istej urovni. Chcem to spravit bez pouzitia tabuliek. Robim to cez CSS. Ziadne pozicovanie, ani absolutne ani relativne mi nedalo uspokojivy vysledok. Skusobne mam dva divy vnorene v jednom hlavnom. Bolo by vyborne, keby sa vsetky vnorene divy formatovali relativne vzhladom na hlavny, ale ony sa formatuju vzdy vzhladom na predchadzajuci.... ako by ste to spravili? dakujem vopred za navrhy

kmsa · Napísal **kmsa**: 20.09.2007 0:31

neviem presne ako to myslis skus nakreslit v CS alebo niecom inom priblizne ako si to predstavujes len na ojasnenie ziadne majstrovske dielo

stenley · Napísal **stenley**: 20.09.2007 8:25

tiez neviem, ci som spravne pochopil, ale asi myslis toto:
HTML:

Kód:

<div id="prvy"></div>
<div id="druhy"></div>
<div id="treti"></div>

CSS:

Kód:

div { width:100px; height:50px; float:left; }
#prvy { background:red; }
#druhy { background:green; }
#treti { background:blue; }

miro277 · Napísal autor témy **miro277**: 20.09.2007 13:19

Pre ilustraciu by to malo vyzerat ako na www.itnews.sk ale tam je to spravene tabulkami, sa mi vidi.

stenley aj ja by som chcel aby to takto fungovalo, nieco podobne som mal spravene, ale druhy div mi zacinal sice napravo od prveho, ale nizsie. Mozno mam niekde chybu, idem sa na to pozriet...

stenley · Napísal **stenley**: 20.09.2007 13:28

kod, co som ti napisal vyssie, funguje ako ma...vyskusaj si ho...

miro277 · Napísal autor témy **miro277**: 20.09.2007 23:52

vyborne stenly, vdaka, myslel som si, ze float, kedze sa preklada ako obtekanie, ma podobnu vlastnost ako obtekanie obrazku textom, ze ked sa prvy div skonci a druhy vedla neho je dlhsi, tak zacne od zaciatku riadku. Ale je super, ze to nie je tak, ze pokracuje vo zvislej linii dalej..... super jednoduche

miro277 · Napísal autor témy **miro277**: 04.01.2010 12:39

mam jeden hlavny div a v nom stlpcovite divy vnorene:

Kód:

<div class="body">
  <div class="uzky">1</div>
  <div class="uzky">2</div>
</div>

v .css subore je nieco taketo:

Kód:

div
{
margin-left   : 15px;
margin-right: 10px;
}

div.body
{
margin   : 0 auto;
}

div.uzky
{ 
float      : left;
width      : 45%;
text-align   : justify;
}

Problem je v tom, ze div.body ma nejaky ramcek a vsetky divy v norene v nom by mali byt v tom ramceku, ale niesu, ramcek skonci a divy su pod nim. Ak zoberiem z div.uzky parameter float, tak je vsetko v ramceku ale tie stlpceky su v jednom stlpceku, nie vedla seba....

Prosim, poradte, neviem si rady

Dakujem