Почему Internet Explorer толкает мой контент ниже боковой панели?

Question

Привет всем,

У меня есть страница, которая отображается нормально, в Firefox и Chrome. Однако в Internet Explorer 8 содержимое проталкивается за нижнюю часть боковой панели (как если бы у меня была очистка) (я не тестировал другие версии IE). Кто-нибудь знает как это исправить?

Страница расположена здесь

Спасибо

Lemiant

Answer 1

Вам не хватает типа документа для вашей страницы. Без этого IE вернется в режим quirks , который по сути является движком рендеринга IE 5.5.

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

Answer 2

По какой-то причине, которая остается для меня загадкой, IE считает, что элемент #content шире, чем должен быть. Этот код помог мне:

#content {
  line-height: 18px;
  margin-right: 250px;
  width: 550px;
  width: 497px\9;
}

Это позволяет всем браузерам использовать ширину 550 пикселей, а IE (все версии) - 497 пикселей, что, по-видимому, максимально допустимое. Хаки, но это работает: D

РЕДАКТИРОВАТЬ: Вы пропускаете! Doctype. Это может быть причиной.