Margine dei Div imprevisto

[-[ Av4tar ]-]

Salve!

Dunque.. mi succede una cosa bizzarra.

Praticamente ho impostato una struttura a tre colonne con i div in questo modo


<div> //margine destro di 150 height: 100%

<div> // float a sinistra largo 150 height: 100%
sinistra
</div>
<div> // margine a sinistra di 150 height: 100%

centro
</div>

</div>

<div> //float a destra largo 150 height: 100%
destra
</div>


praticamente il div "centro" lascia a destra e asinistra 3 pixel di margine

netscape 7 no :\

[-[ Av4tar ]-]

nessuno sa darmi una mano?

[Francis87]

problemi di compatibilità tra browser e css?? :quipy:

in HTML c'è una pillola di AtomSurfer a riguardo

[Marcolino's]

Infatti su alcuni browser impostando la proprietà height al 100% da come effetto secondario la sovraimpressione dei margini vicini.

[-[ Av4tar ]-]

porkaccia la miseria..

guardo la pillola nell'altro forum..


Marcolino, come risolveresti tu?

ovviamente se impoosto nella colonna centrale un margine sinistro e destro a -3px, in ie mi risolve ma netscape mi frega!!

[Marcolino's]

Il fatto è che misure al 100% non sono previste dal W3C; per superare il problema?
Ci sei vicino, ovvero ci vuole un hack, prova:

width: 0; <-- se la miasura era 0 pixel, altrimenti vedi tu.
width /* */: -3px;

in sequenza ovvio

Dovrebbe essere sufficiente per NN ma non ricordo se tutti gli IE lo leggono correttamente.