Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2004
    Messaggi
    265

    lightbox ie7 z-index ignorato

    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.pngrepeat 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.pngrepeat 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.......
    Acquista in modo sicuro i prodotti delle migliori marche con questo meraviglioso Negozio Online

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    posta una pagina online se puoi
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2004
    Messaggi
    265

    ciao

    te l'ho mandata in privato, grazie mille!
    Acquista in modo sicuro i prodotti delle migliori marche con questo meraviglioso Negozio Online

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    se posti su un forum pubblico devi dare a tutti la possibilità di rispondere.
    posta l'indirizzo e poi possiamo modificare l'url a problema risolto.
    o crea una pagina simile (senza riferimenti) che presenti lo stesso problema.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2004
    Messaggi
    265

    ok

    allora posto di qua, poi mi spieghi come cancellarlo
    il link è questo: sito che non vaaaa
    Grazie mille
    Acquista in modo sicuro i prodotti delle migliori marche con questo meraviglioso Negozio Online

  6. #6
    Utente di HTML.it
    Registrato dal
    Jul 2004
    Messaggi
    265

    uppp

    Nessuno?
    Acquista in modo sicuro i prodotti delle migliori marche con questo meraviglioso Negozio Online

  7. #7
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    devi dare uno z-index (anche 1) al div che ha id "relativo"
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  8. #8
    Utente di HTML.it
    Registrato dal
    Jul 2004
    Messaggi
    265

    grazie!

    uH!!!
    Grazie funziona!
    lo sapevo che alla fine era una cavolata
    Acquista in modo sicuro i prodotti delle migliori marche con questo meraviglioso Negozio Online

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.