• D
    User •

    problema compatibilità tra ie 6 e 7

    salve ragazzi..
    spero che mi possiate aiutare a risolvere questo problema..
    In pratica ho realizzato un layout utilizzando come browser predefinito IE7
    Nella home page ho una mappa e la zona BANDIERE in due livelli superiori (rispetto a tutto il resto) e rispettivamente 2 e 3.
    Premetto che con Firefox 3.5, Opera 9.6, Safari 4.0, Chrome 2.0 si vedeva perfettamnete come IE7, ma quando sono andato a vedere con IE6 la pagina...la mappa e le bandiere delle lingue non venivano visualizzate dove dovevano essere.
    Qui di seguito, vi riporto il CSS, come si vede con tuti i browser:

    
html {
overflow: auto;
}
BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
text-decoration: none;
text-align: center;
margin: 0px auto;
padding : 0px; 
width : 100%; 
height : 100%;
background: #372427;
overflow: auto;
}
 
#contenitore {
width: 813px;
margin: 0px auto;
padding: 0px;
}
 
#top_logo {
float: left;
width: 813px;
height: 131px;
margin: 0px auto;
padding: 0px;
text-align: left;
background: url(../img/logo_top.png) no-repeat top left;
z-index: 1;
}
 
#mappa_home {
position: absolute;
width: 394px;
height: 378px;
background: url(../img/mappa.png) top center no-repeat;
margin-top: -1px;
margin-left: 393px;
z-index: 2;
}
 
 
#band_ing {
position: absolute;
width: 36px;
height: 35px;
margin-top: 130px;
margin-left: 730px;
z-index: 3;
}
 
#band_ita {
position: absolute;
width: 36px;
height: 35px;
margin-top: 175px;
margin-left: 730px;
z-index: 3;
}

    e questo è il css che invece funziona con IE6 ma non IE7

    
html {
overflow: auto;
}
BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:;
text-decoration: none;
text-align: center;
margin: 0px auto;
padding : 0px; 
width : 100%; 
height : 100%;
background:;
overflow: auto;
}
  {
width: 813px;
margin: 0px auto;
padding: 0px;
}
  {
float: left;
width: 813px;
height: 131px;
margin: 0px auto;
padding: 0px;
text-align: left;
background: url(../img/logo_top.png) no-repeat top left;
z-index: 1;
}
  {
position: absolute;
width: 394px;
height: 378px;
background: url(../img/mappa.png) top center no-repeat;
margin-top: -1px;
margin-left: -14px;
z-index: 2;
}
  {
position: absolute;
width: 36px;
height: 35px;
margin-top: 130px;
margin-left: 350px;
z-index: 3;
}
  {
position: absolute;
width: 36px;
height: 35px;
margin-top: 175px;
margin-left: 350px;
z-index: 3;
}

    qui vi riporto il pezzo di codice nella pagina ..

    
<div id="contenitore">
<div id="mappa_home">
<IMG src="img/mappa.png" border="0" width="394" height="378" alt="Mappa">
</div>
<div id="band_ing"><a href="index_en.asp" target="_self" title="English Version" class="opacity"><IMG src="img/band_eng.png" border="0" width="36" height="35" alt="English Version"></a></div><div id="band_ita"><IMG src="img/band_ita.png" border="0" width="36" height="35" alt="Versione Italiana"></div>
<div align="center">
<div id="top_logo">
<div style="margin-left: 52px;">
<a href="index.asp" target="_self" title="Gruppo"><IMG src="img/logo.jpg" border="0" width="335" height="98" alt="Milano"></a>
</div>
</div>
...
...
...
...
</div>
</div>

    mi potete dire dove è che sbaglio...!?!

    0
  • C
    User Attivo •

    Ciao, hai un link dove poter controllare?

    0
  • D
    User •

    ciao claudio..

    innanzitutto ti ringrazio per avermi risposto...e ti devo dire che ho sbagliato a scrivere...

    Il problema non è tra IE7 e IE6...

    Ma tra IE8 e le versioni precedenti di Explorer, attraverso il tasto presente su IE8 "Visualizzazione Compatibilità"...difatti..se abilito tale funzione...i css valevoli con IE8 nn funzionano con tale visualizzazione..

    Per quanto riguarda un link...no nn è ancora in linea...adesso vedo se posso fare degli screenshoot..e li abbino a questo topic

    0
  • C
    User Attivo •

    Ciao,
    se è solo questo il problema basta aggiungere:

    
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    0
  • D
    User •

    cioè, cosa vuol dire che basta che metto questo codice, e funziona!??! ma anche con le altre versioni !?!

    0
  • D
    User •

    mi dispiace claudio..
    mi sembrava tanto bello per essere vero..

    Purtroppo non funziona...qui di seguito, allego i due screenshoot

    djptest.com/corretto.jpg [scusate ma il sito nn mi permette di inserire link o screenshoot]

    questo è la versione corretta ...che si vede con i browser che ho indicato in precedenza...

    Invece quest'altro è quello che vedo se schiaccio il tasto presente su IE8 VISUALIZZAZIONE COMPATIBILITA'

    djptest.com/errato.jpg

    0
  • K
    Super User •

    Ciao Deejayp 🙂 ,
    Sei sicuro che il contenitore che "tiene" il corpo compreso di mappa e bandiere abbia una "position:relative" ?

    Ad occhio sembrerebbe esserci un problema sull'oggetto sopracitato essendo quello che, in posizione relativa, stabilisce i punti cardine su cui si baserebbero le coordinate degli oggetti al suo interno.

    Sempre su supposizione sembrerebbe che i due oggettini basino le proprie coordinate sul body.

    0
  • D
    User •

    ciao karedas..
    ti ringrazio ...in effetti lo avevo capito ed avevo risolto.. 🙂

    grazie ugualmente..

    0
Effettua l'accesso per rispondere