Jump to content
  • 0

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


nazarlee
 Share

Question

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

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

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

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

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

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

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

Edited by nazarlee
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Посмотрела в 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 by Sandara
Link to comment
Share on other sites

  • 0

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

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

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

Вот так:

margin:20px;

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

Вот так:

margin:20px;

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

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

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

Не помогло.

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

Я говорю о:

-margin-top: 15px;//

и её вариации :)

Link to comment
Share on other sites

  • 0

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

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

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


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

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

Edited by Синдром
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy