содержание выталкивается в ie6

Question

Вот пример типа страницы, которая запутывается в ie6 на нашем сайте:

образец страницы

В ie6, область основного контентанаходится под левым столбцом навигации.

Большая часть моего рабочего места все еще использует ie6, поэтому нам нужно решить эту проблему.Мы пробовали делать разные хакеры ie6, но безуспешно.

Есть идеи ??

Answer 1

Звучит как ваша типичная проблема с коробочной моделью.У вас есть ширина, отступы и / или поля, определенные в одном классе?Вот хороший обзор проблемы: http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/

Answer 2

Без IE6 это немного сложно проверить, однако я предполагаю, что ваш контейнер, .container_16 недостаточно широк для IE6.

Это будет означать, что содержимое будет перемещено ниже левой навигационной панели.

Вы можете проверить это, поместив в заголовок вашей HTML-страницы следующее:

<!--[if IE 6]>
  <style type="text/css">
      .container_16{width: 1500px !important;}
  </style>
<![endif]-->

Answer 3

Попробуйте удалить поля в .grid_4 и, возможно, также отрицательные поля в #content, в двух ваших основных столбцах.

Answer 4

Измените ширину идентификатора контента на 720px:

#content
{
    width: 720px;
}

У вас это в 740px ... но я изменил его на 720px в Firefox, и он выглядит точно так же.