Allineamento div

[piero06]

ciao

Non sto ruiscendo ad allineare dei div :

ovvero devo creare una struttura del genere

  _____   __________   _____
 |     | |          | |     |
 |menu | |  princ   | |menu |
 |_____| |__________| |_____|

Con un margine tra i vari 'pezzi' di 6 px;

Utilizzo questo

#colonna-sx .box, #colonna-dx .box {
      padding: 9px;
      float: left;
      width: 100%;
      background: #FF6;
}
#principale {
	float:			left;
	width:			60%; 
	background:	#FFF; 
	color:			#000;
	margin: 		0 0 -1px 0;
	border-top:	1px solid #000;
}

/* poi queste classi */

#colonna-sx .box, #colonna-dx .box {
      padding: 6px;
      float: left;
      width: 100%;
      background: #FF6;
}
#colonna-sx .tab, #colonna-dx .tab {
                                    width: 100%;
                              float: left;
                              background: #323665;
                              color: #fff;
                              margin: 3px;
      }

e nella pagina html per creare la prima tabella ad esempio :

<div id="colonna-sx">
<div class="box">
.Menu
<div class="tab">
ciao
</div>
</div>
<div class="box">
.Cerca
<div class="tab">
Cerca
</div>
</div>
</div>

Ma come vedete dal link sotto, a sinistra il magine viene rispettato, a destra invece no ... si attacca al 'pezzo' centrale.

Quindi alla tabella di destra si allinea sempre correttamente a sinistra ma non a destra.

Risultato : www.mytag.org/bozza/2.html

Perchè ??

[jepers]

Ciao, forse mi smentiranno ma io l'ho visualizzato con mfirefox ed effettivamente da il problema che dici, ma on IE6 è pure peggio perchè la seconda colonna finisce sotto la prima.

Io ti consiglio di dare alle 2 colonne una dimensione fissa in px, mentre dai il 100% al div contenitore in cui chiudi tutto e niente alla colonna centrale che si adatta da se.

Almeno cosi dovrebbe funzionare bene con tutti i browser.