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

    Help: Trovare bug di IE su menu a tendina

    Sto cercando di creare un menu orizzontale con sottomenu a tendina su un portale.

    Ho preso gli stili da questo tutorial, li ho modificati (ho solo tolto un livello di <ul>) e funziona tutto.

    Tutto meno che su Internet Explorer, ovvio ....

    Su FireFox, Opera e IE7 il menu orizzontale va bene.
    Su IE6 invece sembra fregarsene del float degli elementi[*] e me lo mostra sempre verticalmente.

    Ho provato di tutto ma non riesco a risolvere.
    E il problema è che quando riesco a metterlo anche su IE6, mi si presenta un bug che mi mostra tutto uno sfondo bianco al menu (che ovviamente sui compliant browser non c'è).

    Non sono riuscito a identificare il bug

    Aiutatemi voi vi prego!

    Il menu è così strutturato:
    codice:
    <div id="menuUp">
      <ul>[*]<a>Menu 1</a>[*]<a>Menu 2</a>[*]<a>Menu 3</a>[*]
           <ul>[*]<a>SottoMenu 1</a>[*]<a>SottoMenu 2</a>[*]<a>SottoMenu 3<a>[/list]
         [/list]
    </div>
    Mentre i CSS sono questi:
    codice:
    #menuUp {
    
    }
    
    #menuUp ul {
    list-style: none;
    margin: 0;
    padding: 0;
    
    }
    
    #menuUp a, #menuUp h2 {
    display: block;
    
    margin: 0;
    padding: 2px 3px;
    
    font: bold 11px/16px arial, helvetica, sans-serif;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #888 #555 #bbb;
    }
    
    #menuUp a {
    color: #000;
    background: #efefef;
    text-decoration: none;
    }
    
    #menuUp a:hover {
    color: #a00;
    background: #fff;
    }
    
    #menuUp ul ul {
    position: absolute;
    top: 0;
    left: 0;
    }
    
    #menuUp li {position: relative; float: left;}
    
    #menuUp ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    }
    
    #menuUp ul ul,
    #menuUp ul li:hover ul ul
    {display: none;}
    
    #menuUp ul li:hover ul,
    #menuUp ul ul li:hover ul
    {display: block;}

  2. #2

    Trovato! Cosa faccio adesso?

    Credo di aver trovato l'errore!

    Ma non so come risolverlo!


    Su Internet Explorer 6 i [*] della lista tendono ad allargarsi al 100% della larghezza disponibile, evitando la disposizione affiancata (col float:left) e generando una nuova linea per ognuno.

    Se metto per esempio il width: 33% ottengo 3[*] affiancati per riga.
    Ma io vorrei che la larghezza si adattasse al contenuto!


    Come posso risolvere?

    Cosa fa comportare diversamente IE6 dagli altri? (anche da IE7 stesso!)


    Perfavore datemi una mano che sono con l'acqua alla gola!

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.