Postavljanje z DIV

5 naročnikov

Postavljam stran in sem naletel na problem pri poziciji elementov z DIV tagi.

Imam narejen glaven "okvir", ki vse elemente le postavi na sredino

#container {
    width: 751px;
    margin: 0px auto;}

Znotraj tega imam na vrhu postavljen:

#top{
    height:17px;
    margin-top:20px;
    background-image:url(/*slika*/);
    background-repeat:no-repeat;
}

sledi:

#midlle{
    width: 751px;
        background-image:url(/*slika*/);
    background-repeat:repeat-y;
}

Znotraj tega elemente pa se nahaja navigacija, ki je prav tako postavljena z DIV.
Sedaj pa bi rad imel (za to navigacijo in znotraj elementa midlle) dva stolpca. Probal sem že kar nekaj možnosti, vendar mi vedno kaj pokvari. Lahko kdo predlaga pravilno rešitev?

za tagom midlle imam še

#bottom{
    height:17px;
    background-image:url(slika);
    background-repeat:no-repeat;
}

Se pravi nekako tako:

<div id=container>
   <div id=top></div>
   <div id=midlle>
      <div id=navigacija></div>
      **<tukaj bi sedaj imel rad dva stolpca>**
   </div>
   <div id=bottom></div>
</div>

mogoče float:left ....

sem naredil

#levo
{
    margin-top:20px;
    float:left;
    width:300px;
}
#desno
{
margin-top:20px;
    float:left;
    width:300px;
}

To naredi dva stolpca, vendar se pojavi problem, da izgine ozadje, ki je definirano v tagu

#midlle{
width: 751px;
background-image:url(/*slika*/);
background-repeat:repeat-y;
}

Probaj dat še float:left v #middle

mogoče malo oldsql, samo jaz stolpce še zmeraj delam kar s tabelami :shy:

@Omoc: problemov imaš še najmanj

Kot prvo - zakaj so vsi ID-ji? Za manjse stvari notri lahko (in morda tudi moras uporabiti)classe, ker drugace gre po prioritetah.

Drugace pa se da z DIVi prakticno vse naresti, ce pazis na floate, sirine in velikosti. Pa ce se z IE6 prevec ne ukvarjas...

ker imaš oba elementa znotraj "midlle" float:left se vsebina midlle skrči na minimum (mislim da IE pokapira). Za obema float DIV dodaj nov div s CSS ukazom clear:both. Ali pa en "stolpec" ne floataj, vendar mora biti najdaljši.
Vsaj kolikor sem na hitro razumel tvojo kodo in tvoje težave.

ali pa uporabi ukaz min-height, vendar ga IE6 ne pozna. Rešitev je vsekakor več. (se opravičujem za dva posta)