Tabelle differentemente visualizzate con ie6 e firefox

[|UVI|]

Ho creato una tabella per il mio sito web.
Ecco il codice:

<table class="miatabella" cellspacing="0" cellpadding="0">
<tr><TD>
 <div>
	<img src={URLimmagine} style="padding:10px; padding-bottom:0px;float:left; width: 500px;">
 </div>
 <div style="text-align: justify;padding:10px">TESTO</div>
</TD>
</tr>
<tr></tr>
</table>

Il problemone è che impostando questo css:

.miatabella{
padding:3px;
border:5px solid;
width:750px;
bordercolor:#444444;
margin:0px auto;
}

Si ottengono due differenti visualizzazioni fra ie e firefox !!!! vi allego le prove

 

[lukeonweb]

Prova cosi:

.miatabella
{
padding: 3px 3px 3px 3px;
border: solid 5px #SCRIVI_IL_COLORE;
width: 750px;
bordercolor: #444444;
margin: 0px 0px 0px 0px;
}

IE ed FF hanno differenti gestioni del padding e del margin, e del box model in generale.

Quando imposti delle spaziature, interne o esterne al box, influiscono sul width.

Secondo me è a causa del box model che sono nati i commenti condizionali

Hai provato con IE7? Quello è un altro bel signore... :incazz: