"Падают" некоторые блоки в IE

[nazarlee]

Здравствуйте.

Сразу суть проблемы:

- IE не корректно отображает мою верстку. Если быть точнее то некоторые блоки падают в низ по непонятным причинам (см.ссылку).

Адрес проблемного сайта: www.simplyfitcanada.com/test

Если вы откроете эту ссылку в IE и сравните с такой же картиной в любом другом браузере то увидите суть проблемы. Я использую отрицательные значения в КСС. Мне сказали, что IE не поддерживает отрицательные значения. Возможно это так, но тогда возникает один нюанс. Я достаточно часто использовал в верстке отриц.значения в КСС и они отлично отображаются, не считая "упавших" блоков. Этого я тоже не могу понять. У меня некоторые графические элементы на странице имеют к примеру margin-top:-600px; и при этом в IE расположены по высоте именно там где и нужно. Что ж это получается, IE через раз считывает отриц.значения . В общем я запутался окончательно. Если нужно предоставлю любую часть кода. Мне бы хотя бы просто узнать в чём проблема? Может существуют какой-то красивый трюк, что бы подогнать упавшие блоки на место для IE?

Очень рассчитываю на ваши советы.

Буду благодарен любому мнению.

Edited April 14, 2011 by nazarlee

[Great Rash]

Вообще странно. Должен понимать отрицательные значения как положено. Но вообще рекомендую переделать без них. Тем более, что они там особо не нужны.

[Sandara]

Посмотрела в IE6... и правда, кошмар!

Между нами, девочками, IE6 в отношении margin-ов и padding-ов ведет себя некорректно.

Я ничего лучшего не могла придумать, как назначать для IE свои отступы.

Вот так:

margin:20px;

-margin:15px;// для IE

А верхними иконками вы вообще намудрили.

Можно проще

<div class="facebook_icon">

<div style="float:left; margin-right:20px">

<img src="facebook.png" alt="Simply Fit on Facebook">

</div>

<div style="float:left; margin-right:20px">

<img src="twitter.png" alt="Simply Fit on Twitter">

</div>

<div style="float:left; margin-right:20px">

<img src="lindedin.png" alt="Simply Fit on lindedin">

</div>

</div>

Edited April 14, 2011 by Sandara

[psywalker]

Посмотрела в IE6... и правда, кошмар!

Между нами, девочками, IE6 в отношении margin-ов и padding-ов ведет себя некорректно.

Я ничего лучшего не могла придумать, как назначать для IE свои отступы.

Вот так:

margin:20px;

-margin:15px;// для IE

Но интересно было бы посмотреть.

Не может быть. Возможно речь идёт о баге с флоатами, то там достаточно сделать блок строчным и баг пропадает.

[nazarlee]

Посмотрела в IE6... и правда, кошмар!

Между нами, девочками, IE6 в отношении margin-ов и padding-ов ведет себя некорректно.

Я ничего лучшего не могла придумать, как назначать для IE свои отступы.

Вот так:

margin:20px;

-margin:15px;// для IE

Но интересно было бы посмотреть.

Сейчас попробую. О результатах отпишусь

Не помогло.

Данная конструкция ксс тега читается и IE и остальными браузерами.

Я говорю о:

-margin-top: 15px;//

и её вариации

[psywalker]

Условные комментарии тебе в помощь.

[Синдром]

Господи, когда же этот тупой браузер наконец сдохнет выйдет из употребления!

В седьмом все почти нормально

Попробуйте на иконки

....
<DIV class=facebook_icon><IMG alt="Simply Fit on Facebook" src="img/facebook.png"> </DIV>
....

использовать span и в куче флоатить их налево

Edited April 15, 2011 by Синдром