Jump to content
  • 0

Некорректное отображение сайта в IE.


Светлана Г.
 Share

Question

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

Мой сайт:

http://www.garden08.ru

При показе в IE происходит такая неприятная вещь: при уменьшении ширины окна правая колонка периодически падает вниз под левую, потом снова встаёт на место (эффект мелькания).

Возможно ли это как-то исправить?

Хотелось бы решить эту давнишнюю проблему этого сайта, т.к. сейчас занимаюсь интеграцией дизайна в sBuilder.

Заранее спасибо!

Link to comment
Share on other sites

15 answers to this question

Recommended Posts

  • 0

Нет, у меня именно в IE7 это и происходит при уменьшении ширины окна.

Сейчас выложу скриншот.

Вот:

http://www.garden08.ru/1111.jpg

Edited by Светлана Г.
Link to comment
Share on other sites

  • 0
Нет, у меня именно в IE7 это и происходит при уменьшении ширины окна.

Сейчас выложу скриншот.

Вот:

http://www.garden08.ru/1111.jpg

Поставь ширину правой колонки чуть меньше 50% спецом для ИЕ7

Link to comment
Share on other sites

  • 0
Поставь ширину правой колонки чуть меньше 50% спецом для ИЕ7

#sidebar {

position: relative;

float: right;

width: 50% !important;

width: 49%;

padding-top: 25px;

padding-bottom: 25px;

background: url(Images/bg_darkbot.gif) repeat-x top left;

font-size: .7em;

}

В этом правиле так и сделано: для IE - ширина 49%.

Link to comment
Share on other sites

  • 0

Возможно, что это правило для IE не срабатывает.

Переписала так:

#sidebar {

position: relative;

float: left;

width: 49%;

padding-top: 25px;

padding-bottom: 25px;

background: url(Images/bg_darkbot.gif) repeat-x top left;

font-size: .7em;

}

В результате мельтешение пропадает, но виден справа нижний background.

http://www.garden08.ru/22.jpg

Link to comment
Share on other sites

  • 0
Импортант ведь усиливает приоритет…

По идее, IE как раз применяет второе правило.

По той причине, что он не понимает !important (если я не ошибаюсь).

Link to comment
Share on other sites

  • 0
Ты путаешь с ИЕ6

Значит, в любом случае, правильнее не использовать !important ?

#sidebar {

position: relative;

float: left;

width: 49%;

padding-top: 25px;

padding-bottom: 25px;

background: url(Images/bg_darkbot.gif) repeat-x top left;

font-size: .7em;

}

Edited by Светлана Г.
Link to comment
Share on other sites

  • 0
Значит, в любом случае, правильнее не использовать !important ?

#sidebar {

position: relative;

float: left;

width: 49%;

padding-top: 25px;

padding-bottom: 25px;

background: url(Images/bg_darkbot.gif) repeat-x top left;

font-size: .7em;

}

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

Link to comment
Share on other sites

  • 0

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

У меня тоже проблема с отображением в ИЕ

Сайт splat.com.ua все кроме главной страницы съезжает в кучу, да и главная тоже не очень

Уже даже не знаю что и делать.

Подскажите пожалуйста.

Edited by edikoff
Link to comment
Share on other sites

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

У меня тоже проблема с отображением в ИЕ

Сайт splat.com.ua все кроме главной страницы съезжает в кучу, да и главная тоже не очень

Уже даже не знаю что и делать.

Подскажите пожалуйста.

Попробуй сверстать всё слоями а не таблицами. И все стили выноси в CSS.

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