IE заставляет плавающий div снизу, несмотря на фиксированную ширину контейнера?

Question

Я работал над http://healthimpactnews.com, и мне нужно как можно скорее решить эту проблему.

По какой-то причине, только IE и IE сжимают правую боковую панель ниже других div, даже если все столбцы div плавают и находятся внутри контейнера фиксированной ширины. Мои браузеры создают горизонтальную полосу прокрутки при уменьшении размера, но вместо этого IE просто заставляет div вниз.

Кто-нибудь знает почему?

Answer 1

Да, ваш контейнер ct_w имеет ширину 1000 пикселей;левый столбец ct также имеет ширину 1000 пикселей.Там нет места для вашей боковой панели, "ct_c3".Другие браузеры действительно хороши тем, что отображают боковую панель там, где она есть.Фактически, они делают это только потому, что вы не очистили свои поплавки, поэтому они не понимают блочную модель ct_w.

Используйте clearfix для ct_w, установите ширину ct равной 750px (или 749px для IE7), и сделайте ct float left, тогда вы увидите макет, который вы ищете.

Answer 2

div с классом ct_w равен 1000px width;

Первый дочерний элемент этого (ct) также 1000px width,

, поэтому он выдвигает второйchild ct_c3 (правая полоса) прочь ... (вниз)

решение:

полностью удалите свойство width элемента div с классом ct

.ct {
    margin: 0px auto;
    width: 1000px; /** <--- remove this **/
}

Answer 3

Кажется, работает и следующее:

.ct
{
    float:left;
    width:750px;
}

И удалите часть поля, потому что она не нужна при перемещении панели инструментов рядом с ней.

Answer 4

Попробуйте установить следующее:

.ct_w {
    ...
    float: left;
    width: 750px;
    ...
}

.ct_c3 {
   ...
   float: right;
   ...
}