Различия в CSS между IE и FF - PullRequest
Новая
       23

Различия в CSS между IE и FF

1 голос
/ 07 мая 2010

Я надеюсь, что не нарушаю никаких правил, задавая вопрос, относящийся к проекту, над которым я работаю.Если вы просматриваете мою страницу здесь и просматриваете ее в Firefox, а затем снова в Internet Explorer, ширина полей основного содержимого отличается.В Firefox все идеально совпадает с рекламой в верхней части страницы, но в IE ширина блоков контента, кажется, не достигает примерно 20 пикселей.

Мой вопрос к настоящему времени очевиден,но что приводит к тому, что ширина в IE становится недостаточной, и каким будет простое решение?

Если я нарушу правила, задавая вопрос, который недостаточно универсален, чтобы приносить пользу другим, тогда позвольте мнеперефразировать это;Каков наилучший подход к решению визуальных различий между браузерами?Должен ли я использовать отдельный файл CSS для IE или есть способ определить строки в моем файле CSS, которые отображаются только определенным браузером?

Было бы лучше, если бы кто-то мог предоставить мне необходимый CSSдля правильного выравнивания, но я был бы более чем рад узнать о том, как сделать CSS динамическим (если это возможно).

Спасибо всем.:)

Ответы [ 2 ]

8 голосов
/ 07 мая 2010

Ваш HTML неправильно сформирован. Вам нужно , а должно быть в . Самое главное, вам нужен DOCTYPE, чтобы браузеры использовали рендеринг в режиме стандартов вместо режима причуда. Причудливый режим является причиной различной ширины.

Тип документа HTML 5: <! DOCTYPE html> и должен быть первой строкой вашего HTML-файла. Ниже приведен минимальный HTML-файл. 

<!DOCTYPE html>
<html>
    <head>
        <title>Document</title>
    </head>
    <body>
    </body>
</html>
0 голосов
/ 08 мая 2010

попробуйте использовать 

box {
    width: 100%;
}
...