Risultati diversi tra borwser

[E|ena]

ho fatto un div che contiene dei testi

.pannello
{
background-image: url(/img/panel_in_evidenza.gif);
width: 397px;
height: 207px;
float: left;
padding: 30px 0px 0px 10px;
}

il problema è il seguente
mozilla segue le regole e per compensare il padding ho messo
td > .pannello
{
width: 387px; /*397*/
height: 177px; /*207*/
}
usando il child selctor dato che

explore 7 non lo vede e risolvo

ma poi apro con explore 6 e vedo ancora male perchè "vorrebbe" le dimensioni che uso per mozilla
come cavolo faccio?

[pierofix]

Hai già provato ad abbandonare gli hack e a passare ai commenti condizionali?

[E|ena]

francamente non li ho mai usati
puoi fare qualche esempio?

[pierofix]

Prova a dare una letta a questo:

- http://www.webmasterpoint.org/webdes...ionali-css.asp

Una ricerca nel forum di CSS, oltretutto, ti aiuterà ad approfondire.

[E|ena]

ma io per ogni box dovrei adottare questa tecnica per colpa di un browser fatto con i piedi?

[E|ena]

volendo ci sono altri hack oltre questo metodo? io conosco solo il child selector

[pierofix]

Visti i continui cambiamenti dei browser oggi si ritiene che il modo migliore sia appunto agire tramite commenti condizionali.

Ti basta realizzare un foglio di stile apposta per IE in cui andrai a specificare solamente le dimensioni dei box.

[E|ena]

ho sbagliato mannaggia!
quello che da problemi è ie7 non 6.. vale la stessa regola?

[pierofix]

Sì. Se leggi nell'articolo, infatti, scoprirai come filtrare anche le varie versioni di IE.

[E|ena]

sicuro? vedo commenti addizionali fino a explorer 6
ma per il 7?