z-index ed Internet Explorer

z-index ed Internet Explorer postato il 13/09/2008 15:22:34 nel forum programmazione, gdrcd, open source, hosting e modificato da new_world il 13/09/2008 15:25:20

Salve a tutti ^^

programmando e programmando tutto da 0 e di testa mia ho fatto diverse cose carine, proprio una di esse (quelle belle finestre che vanno di moda ora, le "modali" appunto) da problemi con internet Explorer.

Infatti seppur avendo un valore di z-index impostato a 1000, il browser microsoft decide di spararmi la div che si crea automaticamente in fondo alla pagina sotto agli altri contenuti.

Qualcuno ha idea del perchè? ho provato di tutto ma non sembra volerne sapere.

Lineage II ↗
Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

quota

Pagine → 1

vrexas

SCRIVI

13/09/2008 15:23:47

Ancora non l'hai buttato nel cestino Internet Explorer?^^

Io son quel che sono, nonostante tutti mi accusino di essere simile ad un Dio.....

quota

new_world

SCRIVI

13/09/2008 15:24:51

vrexas ha scritto: Ancora non l'hai buttato nel cestino Internet Explorer?^^

io si, ma l'80% dei navigatori purtroppo no

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

quota

mitsunari

SCRIVI

13/09/2008 17:39:07

Io l'ho sempre detto: LUNGA VITA ALLA VOLPINA!!

Comunque, anche a me, tempo fa, era capitata una cosa simile.
Non ricordo esattamente come avevo risolto, però.
Forse -ma non ricordo, è passato del tempo, quindi potrei sbagliarmi- avevo dato dei valori negativi agli elementi che dovevano stare "sotto", mantenendo positivo lo z-index dell'elemento allo strato più "alto".

" Secondo gli antichi, una decisione andrebbe presa nello spazio di sette respiri. "

quota

new_world

SCRIVI

14/09/2008 10:31:12

oorazoroo ha scritto: Se vuoi usare z-index devi anche impostare la position dell'elemento su absolute, in caso contrario il suo rendering sarà trattato in base al flusso della pagina. Il modo migliore quindi è di impostarlo con position: absolute e poi usare zindex per posizionarlo più o meno in alto, oppure altra soluzione è quella di inserire il codice html dell'elemento poco prima della fine del body (</body>), siccome gli ultimi elementi inseriti nella pagina saranno quelli ad essere renderizzati per ultimi (e quindi ad apparire sopra tutti gli altri).

è già impostato come absolute. Ma IE continua a non volerne sapere, ora provo dando valori negativi ma sarebbe assurdo. Tuttavia ormai con IE non mi stupisco più di nulla. Grazie delle risposte ;)

NosTale ↗
Con l’aiuto della spada e della bacchetta magica risolverai abilmente intricate missioni e domerai coraggiosamente mostri selvaggi!

quota

new_world

SCRIVI

14/09/2008 10:41:37

.win
{
position:absolute;
z-index: 150;
}
#nav
{
float: right;
width: 18em;
border-left:solid;
background-color:#FFFFCC;
position:relative;
z-index:2;
}
#map
{
margin-right: 13em;
min-width:600px;
width:expression(document.body.clientwidth < 600 ? "600px" : "auto" );
background-image:url(../skins/1/back2.jpg);
background-repeat:no-repeat;
background-position:center;
position:relative;
z-index:1;
}

Qua c'è lo stile delle div, in pratica map a sinistra ricopre la maggior parte della pagina, nav a destra contiene menù e descrizione locazione. Quando clicco su un link dell'avatar si apre una div con class win che ha quegli attributi. In tutti i browser (Firefox, Chrome, Safari, Opera) funziona, la div appare sopra alle altre. Invece con IE, anche il 7, la div va sotto alle altre due >.>"