Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di sustia
    Registrato dal
    Oct 2000
    Messaggi
    1,492

    Visualizzazione strana in IE

    Ciao, ho un menu che viene visualizzato in maniera completamente differente con IE rispetto a Mozilla e Firefox.
    La pagina è questa:
    http://www.patataprimaticcia.it/index.php?italiano
    Quello che vorrei evitare è quel fastidioso spazio con sfondo verde che si vede fra due voci del menu e per quale motivo le voci del menu in IE con padding 10 px da sinistra creano quel problema.

    Il foglio di stile è il seguente:


    ul.dropdown
    {
    list-style: none;
    margin:0;
    padding:0;
    width:15em;
    }

    ul.dropdown ul
    {
    list-style: none;
    margin:0;
    padding: 0;
    width:100%;
    }

    ul.dropdown li
    {
    position: relative;
    padding:0px 0px 0px 0px; /* helps Opera with hover - do not remove! */
    }

    ul.dropdown a
    {
    display:block;
    }

    ul.dropdown ul, ul.dropdown ul ul, ul.dropdown ul ul ul
    {
    display:none;
    position:absolute;
    top:0;
    left:99%;
    }

    ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul
    {
    display:none;
    }

    ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul
    {
    display:block;
    }

    /* --------------------------- "edit here" ---------------------- */

    #nav
    {
    font-size:9px;
    font-family: Verdana;
    background-color:#ADC1AD/*#f0f0f0*/;
    }

    #nav a
    {
    font-size:9px;
    padding: 5px 10px;
    color: #000;
    background-color: #ADC1AD;
    text-decoration: none;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    font-weight: bold; background-image:url(http://www.patataprimaticcia.it/img/...vertical06.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;

    }

    #nav a:hover
    {
    color: #000;
    background-color: #889E88;
    text-decoration: none;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background-image:url(http://www.patataprimaticcia.it/img/...vertical06.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    }


    #nav ul
    {
    padding: 0px 0px 0px 0px;
    color: #000;
    background-color: #C5D8C5;
    text-decoration: none;
    font-weight: normal;
    }

    #nav ul a:hover {
    color: #000;
    background-color: #889E88;
    text-decoration: none;

    }
    Grazie.

  2. #2
    Utente di HTML.it L'avatar di sustia
    Registrato dal
    Oct 2000
    Messaggi
    1,492
    Ho risolto modificando il css originale, grazie lo stesso

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.