IE6, блок улетает вниз

[7ion]

Есть:

#main {
overflow: hidden;
padding:0 10px;
margin:0 auto;
clear: both;
}

#left	{
width: 230px;
float:left;
}

#center	{
background-color: #fff;
margin-left: 230px;
}

<div id="main">
<div id="left"></div>
<div id="center"></div>
</div>

Содержимое center улетает вниз на высоту блока left, если ширина содержимого center больше ширины center или экрана монитора.

Что делать?

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

[CalvinKlein]

зачем clear:both у main ?!

неплохо бы поставить min-width для main

overflow:hidden к center добавьте

[7ion]

зачем clear:both у main ?!

Сайт состоит из блоков header, main, footer.

Без clear:both; их друг на друга не поставишь, тем более в ИЕ6.

неплохо бы поставить min-width для main

Пример схематичен.

#main, #footer, #header, #topnav, #center {
max-width: 1255px;
min-width: 777px;
}

http://sie-club.ru/design/

Вот макет, не первой свежести, т.к. много правок (чертов ИЕ6) вносилось прямо в офисе заказчика уже в шаблонах CMS после переноса макета.

overflow:hidden к center добавьте

Зачем? overflow:hidden есть у main.

Это, кстати, камень преткновения: без него разваливается верстка, а с ним даже если бы блок не улетал - он бы обрезался.

В принципе, это не критично, что обрезается; - в случае чего хорошо бы в center появлялась полоса прокрутки. Но overflow-y IE не понимает.

Edited August 21, 2011 by 7ion

[7ion]

Вот здесь - http://pskov.izbirkom.ru/way/960266.html (макет на живом сайте) - здесь блок улетает во всех ИЕ вниз. Не могу понять почему.

[CalvinKlein]

Кстати min-width и max-width в ie 6 вообще не работают, их можно заменить с помощью expression

если есть возможность к main применить position:relative

#left
{
  width:230px;
  position:absolute;
  left:-230px;
}
#center
{
  margin-left:230px;
}

Edited August 21, 2011 by CalvinKlein

[7ion]

Кстати min-width и max-width в ie 6 вообще не работают, их можно заменить с помощью expression

Так и делается.

если есть возможность к main применить position:relative

#left
{
  width:230px;
  position:absolute;
  left:-230px;
}
#center
{
  margin-left:230px;
}

Э?

Из-за position:absolute; left не будет влиять на подвал, подвал перекроет столбец и сам left уйдет за низ страницы.

Кроме того, left:-230px; здесь ни к чему, если так.

Так неужели нет способа побороть это в ИЕ6?