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

    Problema in IE6 con un dropdown menu

    siamo alle solite...Sto lavorando a questo sito, e il menu dropdown creato con i CSS, su Firefox e IE7 si vede alla perfezione, mentre su IE6 VVoVe: La tendina, invece che aprirsi sotto la voce desiderata, scende di fianco!



    Ho fatto diversi tentativi, come dare un margine sinistro negativo solo per IE al sottomenu; ma, sebbene la tendina in effetti "retroceda" sulla destra, ad un certo punto rimane nascosta.
    Non so più come fare, sono giorni che ci sto dietro (ehm, sì, sono alle prime armi, ammetto!). Qualcuno può aiutarmi?!

    Ecco il CSS...non è stato creato originariamente da me, l'ho trovato online e modificato
    /* -----MENU----- */
    ul#navmenu-h {
    margin: 0;
    border: 0 none;
    padding: 0;
    padding-left: 8px;
    width: 800px; /*For KHTML*/
    list-style: none;
    height: 36px;
    text-align:center
    }

    ul#navmenu-h li {
    margin: 0;
    border: 0 none;
    padding: 0;
    float: left; /*For Gecko*/
    display: inline;
    list-style: none;
    position: relative;
    height: 28px;
    }

    ul#navmenu-h ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 80px;
    list-style: none;
    display: none;
    position: absolute;
    top: 28px;
    }

    ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;
    }

    ul#navmenu-h ul li {
    width: 80px;
    float: left; /*For IE 7 lack of compliance*/
    display: block !important;
    display: inline; /*For IE*/
    }

    /* Root Menu */
    ul#navmenu-h a {
    padding: 0px 20px;
    text-align: center;
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: block;
    color: #fff;
    font: 15px Book Antiqua, Times, sans-serif;
    letter-spacing: 0.1em;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    }
    ul#navmenu-h .nascosto { visibility: hidden;}

    /* Root Menu Hover Persistence */
    ul#navmenu-h a:hover,
    ul#navmenu-h li:hover a,
    ul#navmenu-h li.iehover a {
    color: #CC33CC;
    }

    /* 2nd Menu */
    ul#navmenu-h li:hover li a,
    ul#navmenu-h li.iehover li a {
    float: left;
    color: #FFF;
    font: 15px Book Antiqua, Times, sans-serif;
    letter-spacing: 0.1em;
    text-align: center;
    background-color: #252525;
    width: 100px;
    text-align: left;
    line-height: 40px
    }

    /* 2nd Menu Hover Persistence */
    ul#navmenu-h li:hover li a:hover,
    ul#navmenu-h li:hover li:hover a,
    ul#navmenu-h li.iehover li a:hover,
    ul#navmenu-h li.iehover li.iehover a {
    color: #CC33CC;
    background-color: #252525
    width: 100px;
    }

    ul#navmenu-h ul ul,
    ul#navmenu-h ul ul ul {
    display: none;
    position:relative;
    top: 0;
    }

    /* Do Not Move - Must Come Before display:block for Gecko */
    ul#navmenu-h li:hover ul ul,
    ul#navmenu-h li:hover ul ul ul,
    ul#navmenu-h li.iehover ul ul,
    ul#navmenu-h li.iehover ul ul ul {
    display: none;
    }

    ul#navmenu-h li:hover ul,
    ul#navmenu-h ul li:hover ul,
    ul#navmenu-h ul ul li:hover ul,
    ul#navmenu-h li.iehover ul,
    ul#navmenu-h ul li.iehover ul,
    ul#navmenu-h ul ul li.iehover ul {
    display: block;
    }
    Ecco invece il codice HTML
    <div id="menu">
    <ul id="navmenu-h">[*]La Storia[*]Collezioni
    <ul>[*]Uomo[*]Donna[*]Bambino[/list]
    [*]Showroom[*]Dove Siamo[*]Contatti[*]Area Riservata[/list]

    </div>

  2. #2
    Nessuno può aiutarmi?

    Magari avete da consigliarmi qualche CSS per ottenere un menu simile che avete già usato con successo, "a prova di IE6"?!

  3. #3
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    A dire il vero, a me non funziona mica su ie7

  4. #4
    Originariamente inviato da ResianTaxidrive
    A dire il vero, a me non funziona mica su ie7
    a me sì...
    comunque, nella versione attualmente ho alla fine adottato una soluzione diversa, utilizzando uno script di JavaScript. Possibile che tu ce l'abbia disattivato?

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da =Flapper=
    Nessuno può aiutarmi?

    Magari avete da consigliarmi qualche CSS per ottenere un menu simile che avete già usato con successo, "a prova di IE6"?!
    qui ne trovi quanti ne vuoi: http://www.cssplay.co.uk/menus/
    cerca tra i 'dropdown menu', quello basilare è http://www.cssplay.co.uk/menus/basic_dd.html
    Vuoi aiutare la riforestazione responsabile?

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

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.