PIE.htc и не работающий margin

[psywalker]

Доброй ночи камрады!

Сегодня собирался воспользоваться вот этой штукой PIE.htc и обнаружил удивительный баг в IE 6-7, который никак не поддаётся лечению.

В общем есть тупо блок, 500 на 500пк. Я планировал закруглить углы с помощью PIE.htc, мне это удалось, но появилась другая проблема. Когда в КСС ссылаюсь на behavior: url(PIE.htc);, то сразу-же перестаёт работать верхний margin в IE 6-7, как только убираю ссылку, margin снова работает.

Кто нибудь сталкивался с этой проблемой, может быть есть какие то лечебные травы?

http://psywalker.ru/Forum/CSS3/Test2/main-page.html

Смотреть в IE 6-7

[psywalker]

Проблема так и не решилась, вдруг кто сможет помочь)

[Great Rash]

Оберни в див и ему задай паддинг вместо маргина. Не? А вообще странный глюк... Опять же можно заменить маргин на position: relative; top: 40px;

[psywalker]

Оберни в див и ему задай паддинг вместо маргина. Не? А вообще странный глюк... Опять же можно заменить маргин на position: relative; top: 40px;

Да нее, эти варианты я рассматривал. Так дело не пойдёт. Хочется чтобы маргин заработал у самого блока с углами закруглёнными.

[Great Rash]

Надо открывать .htc и ковырять... ща времени нету... может сам поковыряешь? Там же обычный яваскрипт, а ты в нем уже почти профессор

[psywalker]

Надо открывать .htc и ковырять... ща времени нету... может сам поковыряешь? Там же обычный яваскрипт, а ты в нем уже почти профессор

Хаааааааа, ну ты прикалолся))) Я знаю JS только азы, да и то не все.

Слушай Рашид, а можешь объяснить поподробнее, что такое .htc, и вообще с чем его едят и чем он отличается от обычного .js файлика.

[Great Rash]

HTC - HTML Component

Это приблуда мелкомягких для придания динамического поведения элементам на странице. Вот спека.

[psywalker]

HTC - HTML Component

Это приблуда мелкомягких для придания динамического поведения элементам на странице. Вот спека.

Блин, я английский совсем не знаю к сожалению.

А я так понял эта приблуда пашет только в ИЕ и её видит только он?

[Great Rash]

Точно так

[psywalker]

Точно так

Понял, спасибо тебе дружище.

Щас кстати лазил в файлик этот, там даже намёка на маргин нет

[mishka]

Эх сколько матерных выражений пронеслось в голове.

Ну зачем насиловать старый браузер всякими инструментами да с пупырышками, да навороченей. Что не делай бабушке - она все таки бабушка, может не выдержать.

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

Как оказалось на родителе дропа вместо нормального бекграунда картинкой приминили эту хрень с линейным градиентом.

А верстальщику то что - типа все по дизу, а там хоть трава не расти.

[psywalker]

mishka2

Косолапый, не кипятись ты так, я сам не сторонник этих вещей. Просто вот вчера чего-то в голову взбрело попробовать кросс-закруглённые углы малой кровью. Вот и попробовал, а тут баги сразу повылезали.

Ты кстати случаем не в курсе, как залечить сей баг?

p.s. я знаю, что Scrum как-то возился с моей проблемой. Надеюсь, что он сможет мне помочь.

[SelenIT]

Проблема в margin collapsing-е у body. Во всех браузерах маргин дива вываливается, в IE6-7 нет (т.к. у body всегда hasLayout по дефолту). А создаваемый скриптом элемент css3-container, в который пихаются VML-костыли, имеет стиль z-index: -1; position: absolute; top: 0px; left: 0px; относительно body...

[psywalker]

Проблема в margin collapsing-е у body. Во всех браузерах маргин дива вываливается, в IE6-7 нет (т.к. у body всегда hasLayout по дефолту). А создаваемый скриптом элемент css3-container, в который пихаются VML-костыли, имеет стиль z-index: -1; position: absolute; top: 0px; left: 0px; относительно body...

Т.е. какое решение ты предлагаешь?

[rediskavet]

Тока с ним(PIE.htc) нужно аккуратно, у меня 9ие переклинило когда написал вот так:

div{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
behavior: url(PIE.htc)}

Девятка почему то перестала понимать border-radius: 3px; Пришлось сделать behavior: url(PIE.htc) видимым только для ие6,7,8.

[psywalker]

Тока с ним(PIE.htc) нужно аккуратно, у меня 9ие переклинило когда написал вот так:

div{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
behavior: url(PIE.htc)}

Девятка почему то перестала понимать border-radius: 3px; Пришлось сделать behavior: url(PIE.htc) видимым только для ие6,7,8.

А с моим багом ты не сталкивался?

[rediskavet]

А с моим багом ты не сталкивался?

Вот ты меня напугал, я работу сдал уже.

Проверил там тока правый маргин есть, но он корректно работает.

[psywalker]

Вот ты меня напугал, я работу сдал уже.

Проверил там тока правый маргин есть, но он корректно работает.

А у меня не правый баг, а верхний. Верхний проверь)

[rediskavet]

у меня работает, сейчас на сервер залью, тебе в личку ссылку кину, сам поковыряешь.

[SelenIT]

Сорри, пожалуй, я поторопился. Сам элемент ведь тоже сдвигается (тоже позиционирование?). Опытным путём выяснил, что маргин начинает применяться, если обернуть элемент в контейнер с ненулевым паддингом или бордером. А совсем отказаться от маргина в пользу паддинга родителя никак нельзя?

[psywalker]

Опытным путём выяснил, что маргин начинает применяться, если обернуть элемент в контейнер с ненулевым паддингом или бордером. А совсем отказаться от маргина в пользу паддинга родителя никак нельзя?

Да, я тоже тут обнаружил это решение. Но дело не том, что не подходит или подходит, а мне просто самому уже интересно стало, как можно решить эту проблему. Да и потом мало-ли будет серьёзный проект, где для будущей перестановки блоков могут возникнуть трудности, например из-за удаления или тупо забывания обёртки для блока с загруглёнными углами.

[Faradey99]

Если прописать display:inline для IE то работает

Edited October 29, 2010 by Faradey99

[psywalker]

Если прописать display:inline для IE то работает

Воо, ничтяк, спасибо. Действительно пашет. Но тогда выходит, что блок будет строчным. Это конечно не есть хорошо. Но всё же одно решение найдено и это здорово

[Faradey99]

Правда это только для IE 6 и 7, Вы попробуйте масштаб поизменять

Edited October 29, 2010 by Faradey99

[psywalker]

Правда это только для IE 6 и 7, Вы попробуйте масштаб поизменять

Ну да, для ИЕ6-7 и нужно было.

А насчёт масштаба это конечно недоработка фикса. Короче не нравится он мне, если честно.

[SelenIT]

выходит, что блок будет строчным

Будет де-факто инлайн-блок, т.к. hasLayout есть благодаря размерам. Интересно. Float:left, оказывается, тоже "включает" маргин. Т.е., получается, маргин не пропадает, когда блок так или иначе привязан не к самому body, а к его текстовому содержимому. Какая-никакая логика вроде вырисовывается...