3 div in un div

[ziopippo]

Salve a tutti...
Ho un problema: in una pagina html devo avere una riga blu in cui mettere del testo a sinista, al centro e a destra.

Con le tabelle è ok, ma vorrei fare tutto con div e css.

Dunque, la riga blu non è un problema, il css per lei è così:

.rigablu {
	background-color:#3A6EA5;
	padding: 3px;
	float: none;
}

per i tre testi nel css ho fatto così:

.testoleft {
	float: left;
	width: 33%;
	text-align: left;
}

.testocenter {
	float: left;
	width: auto;
	text-align: center;
}

.testoright {
	float: right;
	width: 33%;
	text-align: right;
	margin-right:-1px;
}

l'html invece è cosi':

<div class='rigablu'>
  <div class='testoleft'>
    testo di sinistra
  </div>
  <div class='testocenter'>
    testo centrale
  </div>
  <div class='testoright'>
    testo di destra
  </div>
</div>

Il problema è che mi viene una riga blu alta un paio di pixel, e il testo invece di venire dentro questa riga viene sotto, messo correttamente uno a sx, uno al centro, uno a dx... come posso fare per mettere il testo nella riga blu?

[salasir]

prova a mettere un clear prima della chiusura finale.


.clearer { clear: both; }


</div>
<div class="clearer"></div>
</div>

Maurizio

[ziopippo]

funziona.... grazie mille!!!