Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Problema di compatibilità tra IE (menu in css)

    Ciao a tutti (e buon fine anno!),
    mi sono scervellato per scrivere due menu diversi uno compatibile con FF e l'altro con IE.
    Convinto funzionasse tutto ieri sera da mia madre scopro che con la sua versione di IE il menu non funziona. Penso ad un qualche errore mio. Poi oggi scopro che da casa del mio suocero funziona. Da casa mia pure.

    In pratica: con FF funziona a tutti.
    Con IE funziona sul 50% dei casi (2 su 4). Premetto che erano tutti e 4 l'ultima versione di IE quindi suppongo che sia qualche livello di aggiornamento.

    Il menù se volete è qui: http://www.crealla.it

    Il CSS usato è questo:

    codice:
    ul.dropdown {padding:0 0 0 20px; margin:0; list-style:none; height:35px; width:874px; font-family:verdana, arial, sans-serif; font-size:12px; background:url(pro10/back.png) repeat-x; border-top:1px solid #d1e9fb;}
    ul.dropdown li { float:left; width:108px; height:35px; }
    ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
    ul.dropdown { position: relative; z-index: 597; float: left; }
    ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
    ul.dropdown li.hover,
    ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;}
    ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
    ul.dropdown ul li { float: none; width:180px;}
    ul.dropdown ul ul { top: 1px; left: 99%;}
    ul.dropdown li:hover > ul { visibility: visible;} 
    ul.dropdown li { padding: 7px 10px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff #d9d9d9 #d9d9d9; background-color: #58a6cd; color: #000;}
    ul.dropdown li.hover,
    ul.dropdown li:hover { background-color: #eee; color: #000;}
    ul.dropdown a:link,
    ul.dropdown a:visited { color: #000; text-decoration: none; }
    ul.dropdown a:hover { color: #000; text-decoration: none;}
    ul.dropdown a:active { color: #ffa500; text-decoration: none;}
    ul.dropdown ul { width: 180px; margin-top: 1px;}
    ul.dropdown ul li { font-weight: normal; }
    ul.dropdown *.dir { padding-right: 20px; }
    ul.dropdown-horizontal ul *.dir { padding-right: 15px; }
    ul.dropdown-vertical-rtl *.dir { padding-right: 10px; padding-left: 15px; }
    Ho evidenziato in rosso cosa suppongo non funzioni.

    Come posso sopperire???

    Grazie ed auguri a tutti!
    La vita è bella perché tutto fa brodo
    Cerchi un angolo di paradiso? Vieni a Crealla!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924

    Re: Problema di compatibilità tra IE (menu in css)

    Originariamente inviato da silgmaris
    Premetto che erano tutti e 4 l'ultima versione di IE quindi suppongo che sia qualche livello di aggiornamento.
    dubito. Le versioni di IE su cui hai testato erano installate di sistema o erano versioni virtualizzate? Sei assolutamente certo che le versioni fossero identiche in 4 diversi pc? ha controllato le note di versione?
    Vuoi aiutare la riforestazione responsabile?

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

  3. #3
    Allora:
    WinXP Home + IE8: non funziona
    WinXP Prof + IE8: funziona
    WinXP Prof + IE8: funziona
    Win7 + IE8: non funziona (fatto funzionare con l'opzione "compatibilità").

    La differenza è che al passaggio del mouse non si apre il sotto-menù (visibility...).
    La vita è bella perché tutto fa brodo
    Cerchi un angolo di paradiso? Vieni a Crealla!

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 © 2026 vBulletin Solutions, Inc. All rights reserved.