background e explorer 7

[veraikon]

sto modificando il css di un sito per adattarlo ad explorer 7, ma ho riscontrato delle anomalie.
explorer 7 infatti non mi visualizza alcune immagini.
sembra impazzito, perchè SOLO per alcune pagine non mi visualizza le immagini di sfondo delle tabelle, nè dei semplici link a immagini, mentre le immagini sfondo messe tramite css le prende (ma solo per alcune pagine).
dato il comportamento caotico, non riesco a darmi una spiegazione:
sbaglio ad usare il background nei td delle tabelle? eppure certi li vede e certi no...
sbaglio ad includere il css? no, è tutto giusto

Con firefox lo stesso sito, che con explorer 7 dà problemi, risulta perfetto.

inoltre, se vedo la stessa pagina con la finestra del browser non a schermo intero, explorer 7 mi visualizza lo sfondo. appena apro interamente la finestra, non lo vede più.

devo eliminare la costruzione del sito organizzata in tabelle ed usare solo DIV d'ora in poi?

avete idee? non mi era mai successa una cosa del genere.

grazie!

[Myaku]

Originariamente inviato da veraikon
devo eliminare la costruzione del sito organizzata in tabelle ed usare solo DIV d'ora in poi?

questo è sicuro

avete idee?

senza vedere il codice, no

[veraikon]

il link ad una pagina è questo -->

http://www.multimarketservizi.it/temp/mappa_sito.html

con IE 6 e Firefox non dà problemi

con IE 7 invece sì.

il CSS per IE6 è template2.css
e il CSS per IE7 e Firefox è template2_netscape.css

[veraikon]

template2_netscape.css
-->



body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:11px;
bgcolor:#FFFFFF;
}





/************************************************** ****/
/************************* TESTO **********************/

a:hover {
color:#3399CC;
font-size:11px;
font-weight:bold;
text-decoration: underline;
}

a:link, a:active {
color:#330066;
font-size:11px;
font-weight:bold;
text-decoration: none;
}

a:visited {
color:#006699;
font-size:11px;
font-weight:bold;
text-decoration: underline;
}
.testo {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:11px;
}


.sottocat {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3399CC;
font-size:9px;
}

.titolo_aree {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0099CC;
font-size:11px;
font-weight:bold;
}

.mappasito_categoria {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:13px;
font-weight:bold;
vertical-align:top;
}

.mappasito_sottocategoria {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0099CC;
font-size:12px;
font-weight:bold;
}

.mappasito_sottosottocategoria {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0099CC;
font-size:10px;
font-weight:bold;
text-decoration:underline;
}

.mappasito_descrizione {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:9px;
}

.marcato {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cc0000;
font-size:13px;
font-weight:bold;
}

.titolo {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:12px;
font-weight:bold;
}

.titolo_sottolineato {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:12px;
font-weight:bold;
border-bottom:1px solid #330066;
border-top:0px;
border-right:0px;
border-left:0px;
}

.percorso {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:11px;
font-style:italic;
font-weight:bold;
}

.titolo_registrazione {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3399CC; /* #0099CC; color:#cc0000; color:#3399CC; */
font-size:14px;
font-weight:bold;
border-bottom:2px solid #3399CC;
border-top:0px;
border-right:0px;
border-left:0px;
}

.titolo_attivo {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3399CC;
font-size:14px;
font-weight:bold;
}

.testo_piccolo {
font-family:Myriad Pro, Verdana;
font-size:9px;
}





/************************************************** ****/
/************************** DIV ***********************/

.div_barramenu_a {
position:relative;
top:5px;
left:10px;
width:630px;
float:left;
text-align:left;
vertical-align:top;
/*background-color:#CCFF00;*/
}

.div_login_sopra_a {
position:relative;
left:10px;
bottom:0px;
height:35px;
width:980px;
float:left;
text-align:left;
/* background-color:#CC6699; */
}

.div_login_sopra_c {
position:relative;
right:5px;
bottom:0px;
height:25px;
width:300px;
top:10px;
float:right;
text-align:right;
/*background-color:#CC6699;*/
}

.div_login_sopra_pieno_a {
position:relative;
left:10px;
bottom:0px;
width:980px;
float:left;
text-align:left;
/* background-color:#CC6699; */
}

.div_login_sopra_pieno_c {
position:relative;
top:5px;
right:10px;
width:350px;
float:right;
text-align:right;
vertical-align:top;
/*background-color:#258693;*/
}

.div_login_sopra_puntomap {
position:relative;
top:-2px;
left:10px;
bottom:4px;
width:100%;
float:left;
text-align:left;
/*background-color:#CC6699;*/
}

.div_login_sotto_puntomap {
position:relative;
top:0px;
left:10px;
bottom:4px;
width:100%;
float:left;
text-align:left;
/*background-color:#CC0000;*/
}

.div_titoli_aree_sotto_a {
position:relative;
left:10px;
top:5px;
height:15px;
width:980px;
float:left;
text-align:left;
/* background-color:#66FFCC; */
}

.div_login_interno_a {
position:relative;
left:10px;
top:6px;
width:980px;
float:left;
text-align:left;
}

.div_titoli_aree_sotto_c {
position:relative;
left:10px;
top:2px;
height:15px;
width:980px;
float:left;
text-align:left;
/* background-color:#66FFCC; */
}

.div_titoli_aree_sotto2_a {
position:relative;
left:10px;
top:-8px;
height:15px;
width:980px;
float:left;
text-align:left;
/* background-color:#ff0000; */
}

.div_titoli_aree_sotto2_c {
position:relative;
left:10px;
top:-4px;
height:15px;
width:100%;
float:left;
text-align:left;
/* background-color:#ff0000; */
}

.div_evidenza_a {
position:relative;
top:10px;
left:150px;
height:400px;
width:500px;
float:left;
text-align:left;
}

.div_dettaglio_a {
position:relative;
top:10px;
left:70px;
height:400px;
width:720px;
float:left;
text-align:left;
}

.div_categorie_sx_a {
position:relative;
top:5px;
left:10px;
height:400px;
width:550px;
float:left;
text-align:left;
}

.div_categorie_dx_a {
position:relative;
top:5px;
right:10px;
height:400px;
width:420px;
float:right;
text-align:right;
}

.div_column_first_a {
position:relative;
width:32%;
float:left;
left:5px;
height:auto;
/* background-color:#FFCCFF; */
}

.div_column_last_a {
position:relative;
width:32%;
float:left;
left:25px;
height:auto;
/* background-color:#FFFF99; */
}

.div_column_a {
position:relative;
width:32%;
float:left;
left:15px;
height:auto;
/* background-color:#99FF99; */
}


.div_menusx_c {
position:relative;
top:20px;
left:4px;
height:auto;
width:110px;
float:left;
text-align:left;
/* background-color:#FFFF00; */
}

.div_centro_puntomap_c {
position:relative;
top:20px;
left:10px;
height:auto;
width:760px;
float:left;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:10px;
}

.div_centrale {
position:relative;
top:0px;
left:50px;
height:auto;
width:900px;
float:left;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:10px;
}

.div_menudx_a {
position:relative;
top:0px;
right:4px;
height:385px;
width:110px;
float:right;
text-align:right;
}

.div_menudx_c {
position:relative;
top:20px;
right:5px;
height:385px;
width:110px;
float:right;
text-align:right;
}

.div_news_left_a {
position:relative;
top:0px;
left:2px;
width:90px;
height:160px;
float:left;
text-align:justify;
}

.div_news_left_c {
position:relative;
top:25px;
left:3px;
width:98px;
height:145px;
float:left;
text-align:justify;
}

.div_news_right_a {
position:relative;
top:8px;
right:4px;
width:92px;
height:218px;
float:right;
text-align:justify;
}

.div_news_right_c{
position:relative;
top:25px;
right:5px;
width:98px;
height:220px;
float:right;
text-align:justify;
}


.div_selector_sx {
position:relative;
top:0px;
left:10px;
height:auto;
width:200px;
float:left;
}

.div_selector_dx {
position:relative;
top:0px;
right:7px;
height:auto;
width:760px;
float:right;
text-align:left;
}

.div_contenuto_sx_a {
position:relative;
top:0px;
left:7px;
height:auto;
width:180px;
float:left;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:10px;
text-align:center;
border-right:2px solid #0099CC;
border-bottom:2px solid #0099CC;
border-left:2px solid #0099CC;
border-top:2px solid #0099CC;
}

.div_contenuto_dx_a {
position:relative;
top:0px;
right:0px;
height:auto;
width:810px;
float:right;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:10px;
}

.div_area_categoria_a {
position:relative;
left:10px;
top:0px;
float:left;
width:165px;
height:90px;
background-attachment: fixed;
background-image: url(../immagini_template02/area_categoria.gif);
background-repeat: no-repeat;
background-position: center top;
}

.div_piedi_a {
background-image: url(../immagini_template02/linea_piedi.gif);
background-repeat:no-repeat;
background-position: center top;
width:1000px;
height:30px;
}

.div_comunicati_sfondo {
background-image: url(../immagini_template02/comunicati_dx.gif);
background-repeat:no-repeat;
background-position: center center;
width:106px;
height:252px;
}

.div_news_sfondo {
background-image: url(../immagini_template02/news_sx.gif);
background-repeat:no-repeat;
background-position: center center;
width:106px;
height:177px;
}

.div_sfondo_corpo {
background-image: url('../immagini_template_02/loghetto_riflesso2.gif');
background-repeat: repeat-y;
background-position: left top;
width:1000px;
height:auto;
}

.div_catalogo {
position:relative;
left:30px;
top:30px;
float:left;
width:650px;
height:250px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:11px;
}

div_promo_sx {
position:relative;
top:0px;
left:4px;
height:385px;
width:110px;
float:left;
text-align:left;
}

.div_centrale_small {
position:relative;
top:0px;
left:10px;
height:auto;
width:700px;
float:left;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:10px;
}

div_promo_dx {
position:relative;
top:0px;
right:5px;
height:385px;
width:110px;
float:right;
text-align:right;
}

.div_logo_sx {
position:relative;
top:6px;
left:10px;
float:left;
}

.div_logo_centro {
position:relative;
top:6px;
left:10px;
float:left;
text-align:center;
}

.div_logo_dx {
position:relative;
top:6px;
right:13px;
float:right;
}







/************************************************** ****/
/************************** TAB ***********************/

.tab_login {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:11px;
font-weight:bold;
}

.tab_ricerca {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:11px;
width:350px;
font-weight:bold;
}

.tab_puntomap {
width:750px;
text-align:center;
}

.tab_col {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:10px;
}

.tab_categorie {
font-family:Verdana, Arial, Helvetica, sans-serif;
width:800px;
color: #330066;
font-size:11px;
font-weight:bold;
}

.tab_categorie_sx {
width:540px;
color: #330066;
font-size:11px;
}

.tab_categorie_dx {
width:410px;
color: #330066;
font-size:11px;
}

.tab_categorie_sopra {
font-family:Verdana, Arial, Helvetica, sans-serif;
width:800px;
color: #330066;
font-size:11px;
}

.tab_categorie_sotto {
font-family:Verdana, Arial, Helvetica, sans-serif;
width:800px;
color: #330066;
font-size:11px;
}

.tab_categorie_small {
font-family:Verdana, Arial, Helvetica, sans-serif;
width:700px;
color: #330066;
font-size:11px;
background-color:#FF0066;
}

.tab_evidenza {
width:500px;
color: #330066;
font-size:11px;
font-weight:bold;
background-color:#FFFFFF;
}

.tab_dettaglio {
width:100%;
color: #330066;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tab_piedi {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:9px;
width:1000px;
height:30px;
}

.tab_registrazione {
width:670px;
color: #330066;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tab_selector {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:11px;
width:100%;
font-weight:bold;
}

.tab_lista_newsletter {
width:680px;
color: #330066;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
vertical-align:top;
}

.tab_dettaglio_newsletter {
font-family:Verdana, Arial, Helvetica, sans-serif;
width:600px;
color: #330066;
font-size:11px;
border:1px solid #3399CC;
}

.tab_sfondo_pag {
background-attachment: fixed;
background-image: url('../immagini_template02/sfondo_body.gif');
background-repeat:repeat-x;
background-position: left bottom;
}

.cella_titolo_newsletter {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
font-size:12px;
font-weight:bold;
text-align:center;
height:25px;
vertical-align:middle;
}

.cella_sfondo {
background-image:url('../immagini_template02/08.gif');
background-repeat:repeat-y;
background-position: left top;
}

.cella_evidenza {
border:1px solid #330066;
text-align:center;
vertical-align:middle;
background-color:#FFFFFF;
}

[Myaku]

un primo passo è validare il codice.
questo è il tuo html
il css anche non passa la validazione