Специфичный для сайта: особенности Firefox и IE CSS
Я пытаюсь изучить CSS. Я приложил огромные усилия, чтобы все исправить. Все мои страницы проходят проверку, и они выглядят правильно в Firefox и в основном правильно в Chrome. Однако IE повсюду. Что касается Firefox, в IE неверно следующее (в порядке важности):
- Основная часть корпуса помещается ниже, где заканчиваются левые коробки.
- раскрывающийся список в правом верхнем углу (наведите указатель мыши на "Настройки") полностью отключен (он отключен и в Chrome, но по-другому)
- На вкладке «Рецепты» не должно быть видимой нижней границы.
- кнопка поиска наклонена по отношению к окну поиска
- вышедшая из системы версия: верхние правые элементы входа в систему искажены
Работа ссылок, функциональных возможностей и т. д. На этих страницах не гарантируется. Это просто статические снимки для отображения макета.
Может ли кто-нибудь указать мне правильное направление в том, что я делаю неправильно?
Я согласен с вами, и мне очень хотелось сделать именно это. Однако, как новичок, я из принципа стараюсь избегать таблиц, чтобы научиться таинственному безумию CSS.
Ответы 3
Какая версия IE у вас установлена? Похоже, что большинство ваших проблем может быть вызвано ошибкой Коробочная модель IE.
Единственная доступная мне версия IE - 7.0.
Я никогда не начинаю новый дизайн веб-сайта на css, не указав сначала Сброс CSS Эрика Мейера.
Он сбрасывает все различия во всех браузерах, так что у вас есть равные условия для начала. Поэтому во всех браузерах все должно быть одинаково.
Вам необходимо сбросить свой CSS (Дин, выше, рекомендует сбросить CSS Эрика Мейера). Я предпочитаю Юи Сбросить CSS (мне действительно нравится их собственный CSS Reset / Fonts / Grids). Для этого вам также необходимо использовать стандартный режим.
Наконец, вы должны знать, что некоторые вещи будут отличаться в браузерах, несмотря ни на что. Так что, если вы столкнетесь с такой ситуацией, нужно либо обойти ее, либо смириться с ней.
размещая это как комментарий, чтобы я не вспыхнул, таблицы могут работать лучше для некоторых из этих вещей, особенно для верхнего div, где вы хотите плавать влево и вправо