Originariamente inviato da Miroku
Ciao a tutti, a me servirebbe fare una cosa del genere con i livelli:


e utilizzo il seguente codice html:
codice:
<div id="maincontainer" align="center">
  <div id="halfmaincontainer">
    <div id="logo" align="center"></div>
    <div id="colonne">
      <div id="colonnasx">

        

        

        

        

      </div>
      <div id="colonnadx">

        

        

        

        

      </div>
    </div>
  </div>
  <div id="halfmaincontainer">
    <div id="basecolonne">ciao ciao</div>
  </div>
</div>
e i seguenti css:
codice:
body{
background:#000000;
margin:0px;
}

#maincontainer{
background:url(../layout/sfumatura.jpg) top center no-repeat;
width:1000px;
height:800px;
margin:auto;
}
#halfmaincontainer{
width:1000px;
margin:0px;
}

#logo{
background:url(../layout/logo.png) top center no-repeat;
width:1000px;
max-height:218px;
padding-top:170px;
}

#colonne{
width: 840px;
margin-top:8px;
}

#colonnasx{
background: url(../layout/SfondoBiancoTrasp.png);
float:left;
width:400px;
}

#colonnadx{
background: url(../layout/SfondoBiancoTrasp.png);
float:right;
width:400px;
}

#basecolonne{
background: url(../layout/SfondoBiancoTrasp.png);
width:840px;
height:139px;
}
con Explorer non c'è nessun problema, mi posiziona i livelli come gli dico.
Il problema si presenta con Opera e Firefox che me li visualizza sovrapposti, così:


Come posso fare?

Grazie in anticipo.
il div halfmainqualchecosa a cosa serve?Se contiene solo il piedipagina, puoi toglierlo.....
Le due colonne devono essere float:left; o float:right;
basecolonne deve contenere la riga clear:left o right(dipende,ovviamente da cosa hai messo prima)