• User Attivo

    IE7, problemi di padding ecc...

    Ciao ragazzi... sto svalvolando da 2gg...
    Il link per capire il problema (con IE7, il 6 a questo punto si attacca al tram):
    gleenk.com/demo/jquery/dropdown-menu-multi-livello/

    Se aprite il link con IE7 vedete che il mouseover sulle voci del menù di secondo livello funziona solo sulla scritta del link ma non su tutto il <li>.
    Ora, ho provato a fare un po' di tutto, l'unica soluzione che mi è venuta è quella di dare delle dimensioni fisse ai link, ma così facendo spariscono le scritte (sempre del secondo livello) pur mettendo il position relative.
    Qualcuno ha idea di qualche remoto e sconosciuto hack da usare?


  • User

    Prova a dare allo stile del suddetto link le seguenti proprietà:
    [HTML]display:block;
    width:auto;
    height:auto;[/HTML]

    Lo scopo è rendere <a> un elemento blocco e farlo automaticamente espandere fino a quanto il <li> consente. A tal proposito se il <li> presenta margini interni (padding) sarebbe bene azzerarli.

    Per IE6 non si tratta più di una questione di retrocompatibilità/accessibilità ma di miglioramento sia per quel che riguarda gli standard del web che per la sicurezza degli utenti. Le più importanti piattaforme odierne (es: facebook) rilevando IE6 te ne sconsigliano l'uso in quanto non si possono più scrivere markup ad hoc per far funzionare un browser obsoleto.

    Ad ogni modo, fammi sapere come va per il menù 😉


  • User Attivo

    Non funziona, spariscono sempre le scritte come se dichiarassi altezze fisse.