Position:fixed и margin:0 auto не работает в IE

Я закодировал веб-сайт в HTML и CSS.

На этом веб-сайте я несколько раз использовал оба свойства margin: 0 auto и position:fixed.

Проблема в том, что сайт корректно отображается в любом современном браузере, кроме IE 8+.

Еще одна проблема, которую я обнаружил, заключается в том, что между заголовком и окном браузера не должно быть пробела. Опять же, это происходит только с IE.

Эти проблемы обычно связаны с режимом причуд IE. Однако в этом случае я правильно установил тип документа <!DOCTYPE html>

Ссылка на веб-сайт, чтобы вы могли это проверить: http://juancarlosoleacañizares.es/index.php?page =0

Я бы предпочел решение без использования JavaScript.


html css internet-explorer fixed margin
person eversor    schedule 14.09.2011    source источник
comment
Ваш URL-адрес не откроется в FF, даже если удалить строку n with.   -  person Bojangles    schedule 15.09.2011
comment
Спасибо, я изменил домен на его международную форму   -  person eversor    schedule 15.09.2011

Ответы (1)


arrow_upward
0
arrow_downward

Перед типом документа есть не пробельные символы. Тип документа должен быть самым первым в документе. Из-за этого IE считает, что метатеги и другие элементы заголовка находятся внутри вашего тела.

Вы можете увидеть это, если откроете инструменты разработчика (F12) в IE9.

Вам бы тоже сказал валидатор w3. По-видимому, это знак порядка байтов (BOM), который следует опустить.

Это хорошая вещь, чтобы научиться использовать эти инструменты. Они необходимы для отладки подобных проблем.

person GolezTrol    schedule 14.09.2011
comment
Но как я могу избавиться от этой спецификации, так как я сохранил все документы с помощью notepad++ как UTF-8 без спецификации, и она все еще появляется - person eversor; 15.09.2011
comment
Возможно, это не спецификация или неправильная/поврежденная спецификация. Возможно, поэтому Notepad++ не удаляет его. Возможно, вы можете удалить его вручную или использовать другой редактор для этой конкретной задачи. Я тоже часто использую Notepad ++, и раньше у меня не было этой проблемы. - person GolezTrol; 15.09.2011