Особенности сайта: особенности Firefox и IE CSS

Question

Я пытаюсь выучить CSS. Я приложил огромные усилия, чтобы все сделать правильно. Все мои страницы проверены, и они выглядят корректно в Firefox и в основном корректно в Chrome. Однако IE повсюду. По отношению к Firefox в IE (в порядке важности) неправильно:

1. коробка основного корпуса помещена ниже, где заканчиваются левые коробки
2. верхний правый выпадающий элемент (наведите курсор мыши на «Настройки») полностью отключен в сорняках (он также отключен в Chrome, но другим способом)
3. Предполагается, что вкладка "Рецепты" не имеет видимой нижней границы
4. кнопка поиска изогнута относительно окна поиска
5. выход из системы: верхние правые элементы входа в систему косые

Зарегистрирован: http://www.mcrackan.com/recipes/csstest-loggedin.htm

Выйти из системы: http://www.mcrackan.com/recipes/csstest-loggedout.htm

CSS: http://www.mcrackan.com/recipes/css/default.css

Ссылки, функциональность и т. Д. Не гарантируют работу на этих страницах. Это просто статичные снимки для отображения макета.

Кто-нибудь может указать мне правильное направление за то, что я делаю неправильно?

Answer 1

Вам нужно сбросить свой CSS (Дин, выше рекомендует Эрик Мейер Сброс CSS). Я предпочитаю Yui Reset CSS (мне действительно нравятся их собственные Reset / Fonts / Grids CSS). Для этого вам также необходимо использовать режим стандартов.

Наконец, вы должны знать, что некоторые вещи в браузерах будут отличаться, несмотря ни на что. Так что, если вы столкнетесь с этой ситуацией, она либо обойдет ее, либо смирится с этим.

Answer 2

Я никогда не начинаю новый дизайн сайта в css, не ставя Сброс Эрика Мейера CSS первым.

Сбрасывает все различия во всех браузерах, так что у вас есть ровное игровое поле для начала. Оттуда все должно быть одинаково во всех браузерах.

Answer 3

Какую версию IE вы используете? Похоже, что большинство ваших проблем может быть вызвано IE Box Model Ошибка.