Очередная пачка проблем с ИЕ6-7

[Love_silense]

Вобщем ситуация такая что есть два елемента фона которые продавливают футер за счёт минусового маргина и за счёт левого и рпавого флоата вылазят как низ двух боковых колонок, на которые опять же заежжают с помощью минусовых маргинов. В opera, firefox,chrome,safari работает как положено.

Про ИЕ6 разговора пока нет потому как думаю сначала разобратся с седьмым:

При задании margin-right для #right_background меньше 20px(в том числе и минусового) и он и следующий за ним #left_background исчезают(при отсутствующем clear:both у футера - появляются оба около прового края, причем #right_background вообще перестаёт реагировать на изменение margin-right). При этом забавность ситуации в том что если в штмл поменять их местами то и глючить их будет наоборот. Насколько я понимаю проблема в том что неправильно определяется ширина родительского блока. Как можно это побороть?

посмотреть можно тут:

http://www.mandrymusic.com/new/mandry.html

если кого то заинтересует и для регения потребуются сами файлы - выложу тут же.

Всем заранее спасибо за помощь!

З.Ы. осёл, умри!

Edited December 16, 2009 by Love_silense

[Justnewone]

зря на #user_body overflow:hidden

Попробуйте ширину окна браузера посжимать.

[psywalker]

zoom:1; пробовал на всё вешать?

[Love_silense]

зря на #user_body overflow:hidden

Попробуйте ширину окна браузера посжимать.

Сам очень не люблю, но якоря применятся на странице не будут. Посжимал, вроде всё нормально(хедер чуть сьежжал но это мелочи и уже исправил), проблем с overflow:hidden нет. Если у вас были глюки при сжатии страницы напишите плиз в каком браузере.

zoom:1; пробовал на всё вешать?

не помогает=( К тому же єто вроде как для шестого ИЕ критично...

[psywalker]

Сам очень не люблю, но якоря применятся на странице не будут. Посжимал, вроде всё нормально(хедер чуть сьежжал но это мелочи и уже исправил), проблем с overflow:hidden нет. Если у вас были глюки при сжатии страницы напишите плиз в каком браузере.

не помогает=( К тому же єто вроде как для шестого ИЕ критично...

А у пнг-фикс стоит? Чем пнг убиваешь?

[Love_silense]

А у пнг-фикс стоит? Чем пнг убиваешь?

пнг на странице нет, все jpeg непрозрачные.

Решение как всегда пришло с утра=)

Вроде бы разбрался с седьмым ослом - обернул оба проблемных дива в ещё один которому установил margin-left:19px, тоесть ширину блока #right_border. Логического обьяснения связи между этими явлениями так и не нашел

Пошел терзать шестого.

[Justnewone]

Ну так эта... обрезается без прокрутки, не?

[Great Rash]

Интересно посмотреть на картинку того, что получить надо

[Love_silense]

Ну так эта... обрезается без прокрутки, не?

епт, спасибо что сказали, как то не обратил внимания .

Поставил overflow-y:hidden, счастливые обладатели експлореров наслаждаются полосой прокрутки внизу(overflow:hidden; overflow-x:scroll)

Интересно посмотреть на картинку того, что получить надо

То что надо получить можно посмотреть в любом браузере кроме ИЕ6 и 7(правда глюк с overflow я у себя на локалке только убрал). В остальном в плане верстки остаются мелочи. в принципе тот же дизайн только на таблицах и не резиновый вот http://www.mandrymusic.com/page.php?pid=13〈=ua

Edited December 17, 2009 by Love_silense

[Love_silense]

В общем почти победил. За исключением двух моментов - у work_area сейчас высота - процент от высоты родительского, что означает различное расстояние между его низом и футером. Никак не смог сделать так что-бы его размер был резиновый под боковые границы рамок дизайна. Если вы сможете подсказать - буду очень благодарен.

Сформулировать вопрос можно так: Как в блоке с высотой 100% разместить два блока - один из которых будет занимать Х пикселей внизу, а другой все оставшееся место вверху? Скорее всего туплю, но голова уже не варит.

Ну и основной вопрос - от вот такого експрешна сайт виснет в ИЕ6(по крайней мере при тесте ИЕтестером)

*html #content_with_borders
{
width:expression((this.clientWidth < 780)?("780px"):(this.clientWidth));
}

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

*html #header
{
width:expression((this.clientWidth < 910)?("910px"):(this.clientWidth));
}

Яваскрипт конфликтует с цсс или что?

[psywalker]

body {

width:expression(document.documentElement.clientWidth < 880 ? "880px" : "auto");

}

[Love_silense]

После того как вы это написали минут 10 тупил а нафига я собственно отдельно прописывал мин. ширину двум елементам...

[Searcher]

После того как вы это написали минут 10 тупил а нафига я собственно отдельно прописывал мин. ширину двум елементам...

IE 6 не понимает min-width