Появляющийся пробел в IE при верстке.


1. Часто при верстке используется значение both для свойства clear, которое запрещает обтекатение элемента.
Для этого в файле стилей обычно создают класс:
.clear{clear:both;}

, который элегантно) садится на нашу верстку:
<div class="clear"></div>

2. Еще пару месяцев назад вычислил появляющийся пробел между слоями при использовании этого свойства и всемирный разум подсказал решение:
.clear{
  clear:both;
  height:0;
  overflow: hidden;   
  }

3. Спустя время заношу этот момент в наши закладки на programilla.com Но не могу воссоздать ситуацию, при которой ie дает такой эффект! Если кто знает причину и следствие этой проблемы прошу отписаться.
Спасибо за внимание.

Комментарии (5)

RSS свернуть / развернуть
+
0
Это наблюдается при вставке флеш в див.
В IE наверняка наблюдаются непонятные пробелы, даже переходы на новую строку, вобщем, непонятные пустые пространства, которы ломают дизайн.
avatar

degtyarchuk

  • 13 апреля 2011, 16:09
+
0
ну вот, ты с флешем сталкивался. В моем случае флеша точно не было. И JS тоже был не при чем. Там вопрос был чисто «верстальный».
avatar

PigmaLion

  • 13 апреля 2011, 16:45
+
0
вопрос именно верстальный! делаешь перевод кода на новую строку для визуального удобства, а в ответ получаешь разрыв шаблона )))
avatar

degtyarchuk

  • 13 апреля 2011, 16:49
+
0
Хорошо, но я хочу воссоздать картину без флеша. А в твоем случае как справился?
avatar

PigmaLion

  • 13 апреля 2011, 16:52
+
0
Собствено никак не справился. Просто записал без пробелов и переводов каретки на новую строку. Например, oriflame4you.com.ua вверху над горизонтальным меню есть белая полосочка толщиной примерно в 3 пикселя. Вот именно она и получилась из-за простого перевода каретки в html-коде.
avatar

degtyarchuk

  • 13 апреля 2011, 17:01

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.
Не забываем смотреть статистику:

Яндекс цитирования