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

    css menu tendina - problemi con IE

    Ciao ragazzi... stavo usando il menu preso dal vostro SITO e mi sono accorto di una cosa con IE.

    Provate ad andare sulla voce prodotto: esempio

    Se ho due tr con un menu in ognuno, oppure se una voce è sotto un' altra anche senza tabella, quando vado sopra quella più in alto mi si apre la tendina, ma è trasparente e non mi permette di scendere a selezionare una voce del menu a tendina che si è appena aperto, perchè sotto cè l'altra voce del menu. Sapete come mai?

    grazie ecco il css

    Codice PHP:

    /*CSS principale per il menu*/

    ul#nav{font:Verdena,Tahoma,sans-serif}
    ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none}
    ul#nav{height:26px;line-height:25px;color: #CCCCCC}
    ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#666666}
    ul#nav li{float: left;position: relative}
    ul#nav li li{float: none;line-height: 22px; display:block !important;display: inline; /*IE*/}
    ul#nav ul{position: absolute;top: 23px;left: -9999px; width: 150px;background: #CCCCCC;color: #FFFFFF}
    ul#nav ul{padding: 7px 0;border: 1px solid #CCCCCC}
    ul#nav li li a{height:22px}   /*fix per IE */
    ul#nav ul,ul#nav li li a{background-color: #FAFAFA; color: #666666}
    ul#nav li:hover,ul#nav a:hover{background-color: #999999;color: #FFFFFF}
    ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100}

    /*regole per separatore e le icone */

    ul#nav li.sep{height: 34px;background: #fff}
    ul#nav li.sep span{display: block;height: 1px;overflow: hidden; margin: 6px 5px 0;background: #CCC}
    ul#nav li li.icon a{padding-left: 24px}
    ul#nav li li.settings a{background: url(icon_settings.gif) no-repeat 3px 3px}
    ul#nav li li.privacy a{background: url(icon_padlock.gif) no-repeat 3px 3px} 

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Quale versione di IE?
    Se e` per IE7 e 8 dovrebbe essere sufficiente l'uso di una DTD Strict, e le cose dovrebbero andare a posto da sole.


    Comunque nel tuo codice HTML ci sono errori gravi, che pregiudicano la visualizzazione corretta in qualche browser:
    gli ID devono essere univoci nella pagina, mentre tu hai almeno 4 id uguali.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    ops... hai ragione.
    cos'è però un DTD Strict?

    grazie

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Originariamente inviato da zoc ...
    cos'è però un DTD Strict?
    DTD = document type definition

    vedi ad esempio http://www.w3schools.com/tags/tag_doctype.asp
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.