Ciao a tutti,
sono 3 giorni che provo in tutti i modi a risolvere questo problema e non riesco a venirne a capo, vediamo se tra di voi c'e' qualcuno che ha incontrato il mio stesso problema e magari è anche riuscito a risolverlo...
Ho un layout a div che funziona perfettamente sia con ff che con IE8.
Il mio problema è con IE7 (le versioni inferiori ho deciso di lasciarle perdere perchè gia divento scema cosi...)!
La struttura della pagina è la seguente:
parte box centrale:
Codice PHP:
<div id="contentContainerBorder">
<div id="contentContainer" class="Wide">
<div class="Wide fullWidth">
<div id="shadow" class="Wide fullWidth">
<div id="contentWrap" class="Wide">
<div id="innerContent_fullWidth" class="Wide">
<div id="mainWrap">
testo testo
</div>
</div>
</div>
</div>
</div>
</div>
</div>
parte relativa al login che fa partire il popup in lightbox:
Codice PHP:
<div id="login">
<div id="login_pop" style="display: block; left: 486.5px; visibility: visible; opacity: 1;">
login
</div>
</div>
Le classi associate ai vari div invece sono:
Codice PHP:
#login {
bottom:10px;
height:40px;
padding:0;
position:absolute;
z-index:100;
}
#login_pop {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#151515 none repeat scroll 0 0;
border:10px solid #CCCCCC;
bottom:300px;
color:#CCCCCC;
height:220px;
padding:10px;
position:absolute;
text-align:left;
width:250px;
z-index:9999;
}
#outsideWrapperWide {
margin:0 auto;
width:850px;
}
#innerWrapper {
margin:0 auto;
}
#contentContainerBorder {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/contentContainerBorder.png) repeat scroll 0 0;
display:inline;
float:left;
margin:0 auto;
position:relative;
width:auto;
z-index:1;
}
#contentContainer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/contentContainerbg.png) repeat scroll 0 0;
clear:both;
display:inline;
float:left;
margin:3px 10px 10px;
}
#contentWrap {
float:left;
}
Ora gli z-index sono settati tutti correttamente infatti quando parte il lightbox con dentro il login negli altri browser viene visualizzato sopra ad ogni elemento.
Con ie7 invece no, non so + dove mettere le mani ormai le ho provate tutte.......