Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    4

    Problema IE e menu in css

    Salve a tutti ho un piccolo problema su IE (6 e 7). Ho realizzato questo menu con i css, in pratica quando si aprono i sumenu, non sono centrati come si vedono su mozilla, ma spostati sulla destra. Questo il codice css:

    #menu{
    margin:0;
    padding:0;
    }
    #menu ul{
    padding:0;
    margin:0;
    }
    #menu li{
    position: relative;
    float: left;
    list-style: none;
    margin: 0;
    padding:0;
    }
    #menu li a{
    width:auto;
    display: block;
    text-decoration:none;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding-right: 14px;
    padding-left: 14px;
    height: 33px;
    padding-top: 5px;
    border-right-width: 2px;
    border-right-style: dotted;
    border-right-color: #F39A0A;
    float: left;
    }
    #menu li a:hover{
    background-position: bottom center;
    color: #0054A1;
    float: left;
    }
    #menu ul ul{
    position: absolute;
    top: 30px;
    width: 120px;
    visibility: hidden;
    background-color: #F39A0A;
    border-right-style: none;
    }
    #menu ul li:hover ul{
    visibility:visible;
    border-right-width: 0px;
    border-right-style: none;
    }


    E questo l'html:

    <div id="header">
    <div id="menu">
    <ul>
    [*]HOME
    <li class="current_page_item">CHI SIAMO
    <ul>[*]COMPETENZE[*]PARTNERS[/list]

    [*]OFFERTA
    <ul>[*]SOLUZIONI[*]SERVIZI[/list]

    [*]SISTEMI DOCUMENTALI
    <ul>[*]AUTODOCS[/list]
    [*]CONTATTI
    [*]LINKS
    [/list]
    </div>


    </div>


    GRAZIE!!!!

  2. #2
    Ciao, prova così...



    #menu{
    margin:0;
    padding:0;
    }
    #menu ul{
    padding:0;
    margin:0;
    }
    #menu li{
    position: relative;
    float: left;
    list-style: none;
    margin: 0;
    padding:0;
    }
    #menu li a{
    width:auto;
    display: block;
    text-decoration:none;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding-right: 14px;
    padding-left: 14px;
    height: 33px;
    padding-top: 5px;
    border-right-width: 2px;
    border-right-style: dotted;
    border-right-color: #F39A0A;
    }
    #menu li a:hover{
    background-position: bottom center;
    color: #0054A1;
    }
    #menu ul ul{
    position: absolute;
    top: 30px;
    width: 120px;
    visibility: hidden;
    background-color: #F39A0A;
    border-right-style: none;
    }
    #menu ul li:hover ul{
    visibility:visible;
    border-right-width: 0px;
    border-right-style: none;
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    4
    Grazie 1000! Adesso funziona su IE7/8 ma se cerco di visualizzarlo in IE6 il menù è impaginato tutto in verticale :S

    C'è qualche hack x risolvere?

    grazie ancora

  4. #4
    mi spiace ma non ho modo di testarlo in IE6

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.