IE8 и IE9 не будут правильно отображать сетку 960

Новичок здесь узнает о 960 сетке и CSS, как я иду вперед. Мне удалось решить большинство моих проблем с помощью тщательного поиска здесь, но я действительно борюсь с неправильным отображением моей страницы на всех IE8 и IE9 (хотя в представлении совместимости с IE7/8 это каким-то образом хорошо воспроизводится).

В IE мой основной контент (6, 6, 4) обрезает последний столбец до нижней части страницы, несмотря на разрешение экрана или увеличение. Он хорошо отрисовывается во всех других браузерах (за исключением известной проблемы с определением "outline" в FF). Я знаю, что у IE есть проблема с полями и / или отступами, хотя я еще не до конца понимаю проблему. Тем не менее, я не могу найти горизонтальное заполнение, которое может привести к более чем 960 пикселей. Если кто-то более знающий взглянет на мой css, я надеюсь, что он укажет мне правильное направление.

Как я уже упоминал, я изучаю CSS и эту систему координат по мере продвижения. Я не веб-программист, просто парень с Google и Web Expressions на своем компьютере, пытающийся создать сайт для некоммерческого агентства. Я уверен, что есть некоторые серьезные семантические проблемы с кодом, но я благодарю вас за то, что вы были мягкими. Я обещаю очистить свой код, так как я лучше понимаю правильную семантику. Благодарю.

1 ответ

Оказывается, я ошибался насчет кода нарушителя. На самом деле это был какой-то ненужный (и в то время, казалось бы, безвредный) код в css для левой части div, в котором находится логотип моей компании... в частности, display: наследовать и width=100%. После удаления этих двух строк все хорошо отображается в IE7+.

Другие вопросы по тегам