проблема с фиксированным нижним колонтитулом, использующим 960gs в IE и Firefox - PullRequest
0 голосов
/ 20 марта 2012

У меня проблема с выравниванием фиксированного нижнего колонтитула в IE и FF. Хром, кажется, отрисовывает страницу нормально! Вот что я получаю в Chrome: Chrome Result

Нижний колонтитул отображается в правильном положении. Вот что я получаю в IE и FF. Выравнивание нижнего колонтитула ухудшается:

IE and FF result

Вот мой HTML-код:

<div id="page-wrap" class="container_12">
    <header id="header" class="grid_12">
        <!-- header content and main navigation -->
    </header>

    <div id="content" class="grid_12">
        <!-- slider and content goes here! -->
    </div>

    <footer id="footer" class="grid_12">
        <div class="menu">
            <ul>
                <li><a href="http://localhost/asq/1/">Menu1</a></li>
                <li><a href="http://localhost/asq/2/">Menu2</a></li>
                <li><a href="http://localhost/asq/3/">Menu3</a></li>
                <li><a href="http://localhost/asq">Home</a></li>
                <li><a href="http://localhost/asq/5/">Menu5</a></li>
                <li><a href="http://localhost/asq/6/">Menu6</a></li>
                <li><a href="http://localhost/asq/7/">Menu7</a></li>
            </ul>
        </div>
    </footer>

</div>

И мой CSS для нижнего колонтитула:

#footer {
    bottom: 0;
    position: fixed;    
}

Что мне не хватает?

Ответы [ 3 ]

0 голосов
/ 20 марта 2012

Напишите так:

#footer {
    bottom: 0;
    left:0;
    right:0;
    position: fixed;    
}

.menu{
    width:800px;
    margin:0 auto;
}
0 голосов
/ 20 марта 2012

Вы пробовали:

Margin: 0px auto; 

Это очень надежный метод для центрирования контента.

0 голосов
/ 20 марта 2012

для центрирования нижнего колонтитула

#footer{
width:800px;
margin-left:auto;
margin-right:auto;
}
...