position:absolute в ИЕ

[sanat]

В блог на вордпрессе добавлял колонку (сайдбар) слева, в php все сделал, в css выкрутился так

#sidebar {float:right; width:245px; font-size:0.8em; line-height:1.4em; margin-bottom:30px;}

#sidebar ul li.boxed {background:url(images/blacktrans.png); padding:10px; margin-bottom:15px;}

#sidebar h3 {background:url(images/blacktrans.png); padding:5px 10px; line-height:1.3em; font-weight:normal; font-size:1.4em; margin-bottom:10px;}

#sidebar ul ul li {padding-bottom:8px;}

#sidebar ul ul li a {display:block; padding:3px 5px;}

#sidebar ul ul li a:hover {text-decoration:underline;}

#sidebar p {color:#eee; padding:0 5px 10px 5px;}

#sidebar p a {border-bottom:1px dashed #FDE6BD;}

#sidebar p a:hover {background:url(images/blacktrans.png);}

#sidebar img {border:none; padding:0 5px;}

#sidebar img.avatar {float:left; padding:0 15px 5px 5px;}

#tag_cloud a, .widget_tag_cloud a {display:inline;}

#tag_cloud a:hover {color:#fff;}

li#tagbox a:hover {color:#fff;}

#sidebars ul.children li {border-bottom:none;}

#sidebars ul.children {margin-bottom:0;}

#sidebar.left-sidebar{

position:absolute;

float:none;

top:30px;

}

position:absolute во всех браузерах отрабатывает как надо, а вот в ИЕ 7 и 8 (подозреваю что и в других версиях тоже) никак, сайдбары наслаиваются , пример http://sanatar.ru . Отдельные стили (хаки) для ие не использую.

Подскажите как можно выкрутиться с левым сайдбаром в ИЕ?

Edited February 10, 2011 by sanat

[swetlana]

ну здесь position: absolute не совсем к месту.

это ж совершенно типичная трёхколоночная раскладка.

Просто левую колонку можно маргином влево на своё место подвинуть.

[sanat]

ну здесь position: absolute не совсем к месту.

это ж совершенно типичная трёхколоночная раскладка.

Просто левую колонку можно маргином влево на своё место подвинуть.

Примерно код напишите как это можно реализовать, я в css новичек пока

[sanat]

Не padding ни margin не помогают, колонка сразу уходит вправо, видимо где-то в стиле сразу забит 2-ух колоночный дизайн и я это упустил.

Вот весь файл стиля http://sanatar.ru/style.css , может кто найдет косяк в нем.

[swetlana]

Примерно код напишите как это можно реализовать, я в css новичек пока

новичОк?

Не страшно.

Вот не поверите, но в гугле на первом месте: http://dimox.name/3_column_css_layout/

Лично мне этот вариант совсем не нравится ибо можно значительно проще. Но это вариант.