Larghezza DIV in IE

[keratox]

Allora... potete vedere in www.keratox.net

In basso, ci sono i due box per il sondaggio.

In Firefox e in Opera sono in linea e tutto è corretto.

Ma in IE si trovano in due linee separate e con larghezze superiori a quelle che ho specificato.

Ecco the sources

xhtml

<div id="content_left">
   <h1 class="sond_title">Come giudichi questo sito?</h1>
   <form>...</form>
</div>

<div id="content_right">
   <h1 class="sond_title">Che linguaggio server-side utilizzi maggiormente?</h1>
   <form>...</form>
/div>

css

		div#content div#content_left{
			float:left;
			width:45%;
			margin:2%;
			padding:0;
			background:#ededed;
		}
		
		div#content div#content_right{
			float:right;
			width:45%;
			margin:2%;
			padding:0;
			background:#ededed;
		}

Come mai sto problema in IE, come posso risolvere?

[salasir]

Per come si vede il contenuto della colonna centrale tra IE e FF, azzarderei un problema di box model di quest'ultima. Infatti con IE è molto + stretta che con FF e probabilmente i due box del sondaggio non ci stanno ...

[keratox]

Vabbè se imposto misure in percentuali si riferiscono comunque al div in cui sono inclusi i box. O no ? Probabilmente dipende...

[seed_squall_it]

Probabilmente Salasir ha ragione. Tieni anche conto di una cosa...IE ha un fastidiosissimo bug con i margini degli elementi flottanti. Se assegni un margine ad un elemento flottante sullo stesso lato definito per il float, IE ti raddoppia tale margine! Es.:

#boxfloat {
float: left;
margin: 10px;
............
}

Il box che ha id="boxfloat" sarà flottante a sinistra e dovrebbe avere un margine su tutti i lati 10 pixel. In realtà in IE quel box avrà un margine di 10 pixel solo su tre lati. Il lato sinistro (lo stesso verso cui il box è flottante) avrà un margine di 20 pixel!

Nel tuo caso quindi, entrambi i box flottanti hanno un margine (uno sinistro e l'altro destro) che non è 2%, ma 4%.

[salasir]

Originariamente inviato da keratox
Vabbè se imposto misure in percentuali si riferiscono comunque al div in cui sono inclusi i box. O no ? Probabilmente dipende...

Prova a guardare (se non l'hai già fatto) la descrizione del box model hack che permette di risolvere i problemi di IE.
Da ricordare però che MS ha già detto che questi trucchi potrebbero avere grossi problemi con IE7 e quindi di eliminarli ...

[biosimulant]

Originariamente inviato da salasir
Prova a guardare (se non l'hai già fatto) la descrizione del box model hack che permette di risolvere i problemi di IE.
Da ricordare però che MS ha già detto che questi trucchi potrebbero avere grossi problemi con IE7 e quindi di eliminarli ...

IE non tiene conto dei margini interni......
Prova anche qui....Esempi di box model di Tantek
.....Qui.......:Esempi e spiegazioni in italiano
....o qui......:Spiegazioni ed esempi in inglese......(solo alcuni,ovviamente)

[keratox]

Ok grazie a tutti.

ciao

[salasir]

Spero che tu riesca a risolvere il tuo problema prima dell'anno prossimo :maLOL:
A parte gli scherzi

buon anno

[keratox]

Su constile.org dice

In questo caso la tecnica di Tantek non funzionerebbe, poiché basata su un bug di IE5/Win non presente in IE6.

Io ho IE6.
Qui box model hack sono solo per IE 5?

[keratox]

Cmq buon anno anche a te.