Ancora problemi visualizzazione ie6

**ijewel** · 07-03-2007, 13:36

Ciao a tutti, ho il codice che mi dà problemi nella visualizzazione con ie6.0.....mi si stanno incrociando gli occhi e non trovo l'errore, potete aiutarmi?

Con ff si vede bene

Mille grazie

Codice html

<body>
<table id="header" width="602" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">[img][/img]
</td>
</tr>
<tr>
<td width="180" height="602" id="imgsx" valign="top" >
<table bgcolor="#EFEFEF" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
[img][/img]

</td>
</tr>
</table>
<td id="menudx" valign="top" width="250">
<table bgcolor="#FFFFFF" cellspacing="0" cellpadding="0" border="0">
<tr>
<td >[img][/img]</td>
</tr>
</table>
<table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td height="65" width="32"bgcolor="#EFEFEF">
</td>
<td height="65" width="30"bgcolor="#FFFFFF">
</td>
<td width="390" class="testo" >

</td>
<td width="23" bgcolor="#FFFFFF">
</td>
</tr>
</table>
<table bgcolor="#FFFFFF" cellspacing="0" cellpadding="0" border="0">
<tr>
<td >
<img src" alt="prod" />
</td>
</tr>
</table>
<table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td height="65" width="32"bgcolor="#EFEFEF">
</td>
<td height="65" width="30"bgcolor="#FFFFFF">
</td>
<td width="390" class="testo" >
d

<a href="">
</a>

i

</td>
<td width="23" bgcolor="#FFFFFF">
</td>
</tr>
</table>
<table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td height="65" width="32"bgcolor="#EFEFEF">
</td>
<td >
[img][/img]

</td>
<td>
[img][/img]
</td>
</tr>
</table>
<table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td height="65" width="32"bgcolor="#EFEFEF">
</td>
<td height="65" width="30"bgcolor="#FFFFFF">
</td>
<td width="370" class="testo" >

</td>
<td width="18" bgcolor="#FFFFFF">
</td>
</tr>
</table>
<table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td height="65" width="32"bgcolor="#EFEFEF">
</td>
<td >
[img][/img]
</td>
<td>
[img][/img]
</td>
</tr>
</table>
<table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td height="65" width="32"bgcolor="#EFEFEF">
</td>
<td height="65" width="30"bgcolor="#FFFFFF">
</td>

<td width="390" class="testo" >
Un giardino nel vaso

</td>
<td width="23" bgcolor="#FFFFFF">
</td>
</tr>
</table>
</td>
</td>
</tr></table>

<table id="footer" width="602"cellspacing="0" cellpadding="0">
<tr>
<td colspan="5">
<a href="" target="_blank">
[img][/img]</a>
</td>
<td>
<a href="" target="_blank">
[img][/img]</a>
</td>
<td>
<a href="" target="_blank">
[img][/img]</a>
</td>
<td>
<a href="" target="_blank">
[img][/img]</a>
</td>
<td>
<a href="" target="_blank">
[img][/img]</a>
</td></tr>
</table>
<table class="copyright" align="center">
<tr><td>Powered by
<a class="copy" href="">
...</a>
</td>
</tr>
</table>

Codice css
body{
background-color:#e7f3ff;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
}
#header{
text-align: center;
margin-left:auto;
margin-right:auto;
}
#header img {
display: block;
margin: 0 auto;
}

#imgsx{
margin-left:auto;
margin-right:auto;
}
#menudx{
margin-left:auto;
margin-right:auto;
text-align:left;
}
.testo{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding:1.5em;
color:#000000;
}

#footer{

text-align:center;
background-color:#00529f;
color:#0033FF;
margin-left:auto;
margin-right:auto;
}
#copyright{
width:600px;
text-align:center;
font-size:9px;
margin-left:auto;
margin-right:auto;
}

/***Definisco Stili per i riferimenti***/
a{
font-weight: bold;
font-size: 11px;
color:#CC0000;
font-style: normal;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration: none;
}
a:hover{
font-weight: bold;
font-size: 11px;
color:#CC0000;
font-style: normal;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration: underline;
}
a:visited {
font-weight: bold;
font-size: 11px;
color:#CC0000;
font-style: normal;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration: none;
}
a:active {
font-weight: bold;
font-size: 11px;
color:#CC0000;
font-style: normal;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration: none;
}
a.copy{
font-size: 10px;
color:#003399;
font-style: normal;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration: none;
}
a.copy:hover {
font-size: 10px;
color:#33ccff;
font-style: normal;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration: none;
}

</body>
</html>

**Myaku** · 07-03-2007, 14:43

prima che mi sto a scaricare tutto il codice ... qual'è il problema? ... così vedo se capisco subito dove cercare

**ijewel** · 07-03-2007, 14:56

Il problema è che su ff visualizzo la pagina correttamente mentre su ie no. Ho i margini spostati e non mi prende i colori

**pierofix** · 07-03-2007, 16:01

La radice del problema è la stessa dell'altro giorno: stai usando un modo di progettare troppo 'vecchio'. Oggi le regole sono più sensate ed è diverso proprio l'approccio concettuale.

Va da sè che i browser oggi, essendo anch'essi maturati, non siano molto compatibili con l'approccio scorretto e vecchio che stai usando tu.

Secondo me, dato che sei agli inizi e il documento non è poi così complesso, potresti spendere un po' di tempo a capire come progettare in modo intelligente.

**ijewel** · 07-03-2007, 16:14

hai perfettamente ragione e ne sono cosciente.

Il problema è alla base, non ho il tempo per studiare e devo fare ciò che mi viene richiesto con questa modalità.
Purtroppo è un discorso lungo....

**pierofix** · 07-03-2007, 16:22

Io però non vedo altre vie. Se devi giungere ad un risultato soddisfacente sulla maggior parte dei browser, ti occorre una linea un po' più pulita.

Comunque, per ragionare sul problema in sè, probabilmente le sfasature che noti su IE sono date dalla sua scorretta interpretazione del box model (praticamente, un errore sull'interpretazione delle larghezze, margini, padding e bordi degli oggetti). Per informazioni in merito, prova a fare un salto tra i link utili della sezione CSS.

Discussione: Ancora problemi visualizzazione ie6

Strumenti discussione

Ricerca discussione

Visualizza

Ancora problemi visualizzazione ie6

Permessi di invio