due colonne 50% - problema explorer

[marco79]

devo realizzare du colonne "div#fascia-alta" larghe 50% (totale 100% della larghetta pagina)


__________________________________________________ _______________

html,body{
margin:0px;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
}
div#container{
height: 100%;
width: 100%;
margin-right: auto;
margin-left: auto;
}

div#fascia-alta{
height: 35px;
width: 50%;
float: left;
background-color: #FFFFFF;
}
__________________________________________________ _______________

solo che in explorer mi vengono all'ineate usa sotto l'altra???

codice della pagina html:
<div id="container">
<div id="fascia-alta"></div>
<div id="fascia-alta"></div>
</div>



aiuto!!!!!!!!!!!!!!!!!!!


ciao e grazie

[ricman]

Originariamente inviato da marco79
solo che in explorer mi vengono all'ineate usa sotto l'altra???

Ho copiatoil tuo codice... funziona (ho FF2 e IE7)!!
L'unico neo è che IE ha dei problemi a fare le divisioni e quando ridimensioni "ogni tanto" trovi i due div uno sotto l'altro...
Avevo già riscontrato questo difetto ma non mi sono mai interessato alla soluzione

Se qualcuno vuol farsi avanti...

[Mich_]

Potrebbe essere un problema di arrotondamenti.

In qualche caso 50% + 50% potrebbe essere maggiore di 100%.

Esempio se il 100% e` 705, il 50% potrebbe risultare 353, che raddoppiato diventa 706 ...
E il tutto non ci sta.

Basta usare un valore leggermente inferiore, tipo 49.9% , e "riempire" l'eventuale spazio con dei trucchi grafici

[simulacron]

La soluzionè molto più semplice:
Predisponi le tabelle (gabbie) interne un po' piu piccole di quella esterna (che dovrebbe andare di dimensione fissa, almeno per motivi estetici: vedere un qualcosa che cambia le dimensioni appena può, per quanto mi riguarda, non è il massimo) e poi aggiusta...
niente margini interni (padding)....altrimenti salta tutto in IE....usa quelli esterni.

[marco79]

grazie a tutti alla fine ho optato per un layout con dimensioni fisse, almeno per i contenuti...


ciao