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

    Compatibilità browser - IE dà problemi

    Con firefox va benissimo, mentre su IE non funziona.
    è un menù riferito alla pagina : http://www.negozioplaymobil.com/test/

    Il Layout è da mettere a posto, perchè è un misto tra layout liquido e layout fisso, siccome sono alle prime armi con i css (ho sempre lavorato in web1 e solo ora - lo so sono in ritardo - mi adatto al web2), ma non è questo il problema che vi pongo.

    Aiutatemi a mettere a posto la compatibilità con i browser!!!
    datemi delle dritte per capire come ottimizzare la compatibilità.

    codice:
    /* MENU SUPERIORE */
    
    #menu {
       width: 100%;
       background: #eee;
       float: left;
       }
    
    #menu ul {
       list-style: none;
       margin: 0;
       padding: 0;
       width: 12em;
       float: left;
       }
    
    #menu a, #menu h2 {
       font: bold 11px/16px arial, helvetica, sans-serif;
       display: block;
       border-width: 1px;
       border-style: solid;
       border-color: #ccc #888 #555 #bbb;
       margin: 0;
       padding: 2px 3px;
       }
    
    #menu h2 {
       color: #fff;
       background: #000;
       text-transform: uppercase;
       }
    
    #menu a {
       color: #9a0009;
       background: #e39100;                                 
       text-decoration: none;
       }
    
    #menu a:hover {
       color: #a00;
       background: #fff;
       }
    
    #menu li {position: relative;}
    
    #menu ul ul {
       position: absolute;
       z-index: 500;
       }
    
    #menu ul ul ul {
       position: absolute;
       top: 0;
       left: 100%;
       }
    
    div#menu ul ul {
       display: none;
       }
    
    div#menu ul ul,
    div#menu ul li:hover ul ul,
    div#menu ul ul li:hover ul ul
       {display: none;}
    
    div#menu ul li:hover ul,
    div#menu ul ul li:hover ul,
    div#menu ul ul ul li:hover ul
       {display: block;}

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ovvero (mi permetto di interpretare ) aiutatemi a cambiarmi la testa !!

    Scherzi a parte, il problema e` serio, ma ho l'impressione che hai sbagliato lato di approccio.
    Formattare in modo moderno (non parliamo pero` di Web2, che e` tutta un'altra cosa - sempre che io stesso abbia capito cosa sara` il web2) richiede un approccio diverso: prima occorre che il codice HTML sia corretto anche semanticamente, poi si puo` pensare al CSS.

    Sicuramente con i posizionamenti assoluti fai una fatica bestiale, ed il risultato finale puo` fallire se il browser adotta qualche configurazione che non avevi previsto.

    Pero` ci sono molti esempi di menu realizzati con i CSS: dovrebbero essere tutti presenti tra i "link utili" (i moderatori hanno fatto uno sforzo perche` lo siano). Ti conviene farti un giro da quelle parti.
    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.