IE и Firefox разница, чтобы держать div в нижней части страницы - PullRequest
Новая
       5

IE и Firefox разница, чтобы держать div в нижней части страницы

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

Я написал этот html, в Firefox он отлично отображал то, что я хочу (синяя часть прикреплена к нижней части страницы).Но в IE это не отображалось правильно, как я могу изменить HTML так, чтобы синяя часть была в левом нижнем углу страницы?

Кроме того, красная часть тоже не та,могу ли я изменить HTML, чтобы красная часть была одинаковой в IE и Firefox?

Я использую IE8 и Firefox 3.6.12

Заранее спасибо. 

<html>
        <head>
                <style type="text/css">
                </style>
        </head>
        <body>
                <div id="main" style="">       
                        <div id="left_top" style="width:800px;float:left;background-color:pink;">left_top</div>
                        <div id="left_bottom" style="width:800px;float:left;background-color:blue;bottom:0px;position:fixed;">left_bottom</div>
                        <div id="right_all" style="width:200px;float:right;height:100%;background-color:red;">right_all</div>
                </div>
        </body>
</html>

РЕДАКТИРОВАТЬ: Добавить еще один вопрос: можно ли использовать скрипт, чтобы прикрепить его к нижней части?

Я пытался добавить строку перед всем кодом:

Это работает!Но я не знаю почему.

Ответы [ 2 ]

3 голосов
/ 19 ноября 2010

IE6 не понимает position: fixed; вот статья, объясняющая, как обойти это: http://ryanfait.com/resources/fixed-positioning-in-internet-explorer/

это решит проблему с нижним делителем.

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

Так как вышеупомянутое решение разрушит все позиции: абсолютно в IE6, я предлагаю другой метод, который я разработал несколько раз назад

http://css.html.it/articoli/leggi/3074/position-fixed-performante-su-ie6/

http://www.html.it/articoli/3074/demo2.html (см. Демонстрацию исходного кода здесь)

http://www.html.it/articoli/3074/demo.zip (скачать демо)

...