Css - ширина панели навигации не одинакова для всех версий Firefox - PullRequest
Новая
       21

Css - ширина панели навигации не одинакова для всех версий Firefox

0 голосов
/ 19 ноября 2011

Я новичок в CSS и как-то сделал горизонтальную панель навигации.Я начал с самого начала, используя CSS фиксированный макет.Проблема в том, что ширина «верхней панели навигации» меняется в зависимости от браузера или его версии.Код: 

#navcontainer {
    background: #fff;
    margin: 0 auto;
    padding: 0 0.6em 0.3em 0.6em;
    font-family: georgia, serif;
}
/* to stretch the container div to contain floated list */
#navcontainer:after {
    content: ".";
    display: block;
    line-height: 1px;
    font-size: 1px;
    clear: both;
}
ul#navlist {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.8em;
}
* html ul#navlist {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    font-size: 0.8em;
    \width: 100%;
    w\idth: 99.80%;
}
ul#navlist li {
    display: block;
    float: left;
    width: 12.82em;
    margin: 0;
    padding: 0;
}
/* For IE6 */
* html ul#navlist li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    \width: 12.82em;
    w\idth: 12.82em;
}
ul#navlist li a {
    display: block;
    width: 100%;
    padding: 1em 0;
    border-width: 1px;
    border-color: #99CCFF #ccc #aaab9c #fff;
    border-style: solid;
    font-family: Arial, verdana, tahoma, sans-serif;
    font-weight: bold;
    color: #500;
    text-decoration: none;
    text-align: center;
    background: #99CCFF;
}
#navcontainer>ul#navlist li a {
    width: auto;
}
ul#navlist li#active a {
    background: #99CCFF;
    color: #500;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
    color: #ff0000;
    background: #D7EBFF;
    border-color: #e9e9e9 #666666 #999999 #ccc;
}

http://jsfiddle.net/cVSum/1/

Например, Firefox 4.0b9 показывает узкое, в то время как Firefox 3 показывает шире.

С уважением

...