100% horizontal cross-browser menu HTML/CSS?

Wie man 100% horizontal cross-browser menu HTML/CSS?

1. mit dem halten des sauberen HTML-Code, li Liste

2. kein Bild/javascript, tabellenfreie, W3C standards compliance

100% horizontal cross-browser menu HTML/CSS?
Beispiel für ungültig Beispiel:

/*CSS doesn't make `block` right/left space between `li` items (see attached image)*/
#nav{
    text-align:justify;
}
#nav li{ /*border:1px solid #000; margin-right:1px; margin-left:1px;*/
    display:inline-block; white-space:nowrap;
}
#nav li#span{ /*hack to make 100% horizontal*/
    display:inline-block; width:100%; height:1px;
}
*html #nav li,*html #nav li#span,*+html #nav li,*+html #nav li#span{ /*IE6/7 hacks tah are not working*/
    display:inline;
}

und:

<div id="nav">
    <ul>
        <li>Home <!--unfortunately it doesn't work without space after each list, 
                                                 need for some solution--></li>
        <li>Services </li><!--don't want to add style for each list separated-->
        <li>Portfolio </li>
        <li>Clients </li>
        <li>Articles </li>
        <li>Contact Us </li>
        <li id="span"></li><!--don't like to add any extra tag (like this),
                               but other way it doesn't work,
                               need for some solution-->
    </ul>
</div>
InformationsquelleAutor Binyamin | 2010-07-12
Schreibe einen Kommentar