Comments on: Clear для плавающих блоков http://designformasters.info/posts/clearing-float/ Сайт для веб-разработчиков Fri, 30 Jul 2010 02:36:41 +0000 http://wordpress.org/?v=2.7.1 hourly 1 By: MVH http://designformasters.info/posts/clearing-float/#comment-6591 MVH Fri, 30 Apr 2010 13:58:26 +0000 http://designformasters.info/posts/clearing-float/#comment-6591 overflow: hidden полностью не подходит для выпадающих меню. Если контейнер будет overflow: hidden, то выпадающее при :hover на потомка контейнера меню просто не отобразится. overflow: hidden полностью не подходит для выпадающих меню. Если контейнер будет overflow: hidden, то выпадающее при :hover на потомка контейнера меню просто не отобразится.

]]> By: alemiks http://designformasters.info/posts/clearing-float/#comment-3877 alemiks Sat, 11 Oct 2008 07:40:22 +0000 http://designformasters.info/posts/clearing-float/#comment-3877 <blockquote>у меня такие аргументы против вашего решения: все браузеры поддерживающие :after удовлетворятся всего одним свойством overflow: hidden; из чего следует, что возня с :after не имеет смысла. Дальше идет overkill делаем hasLayout двумя методами сразу, зачем?</blockquote> я тоже сначала так думал, но когда один из клиентов потребовал точного совпадения экранной версии и версии для печати (я об этом писал на вебмасконе), оказалось, что при использовании overflow:hidden на печати блоки режутся по нижней границе страницы (не переносятся на следующую), пришлось переделывать под решение с :after с этих самых пор пользуюсь только :after =)

у меня такие аргументы против вашего решения:
все браузеры поддерживающие :after удовлетворятся всего одним свойством overflow: hidden; из чего следует, что возня с :after не имеет смысла. Дальше идет overkill делаем hasLayout двумя методами сразу, зачем?

я тоже сначала так думал, но когда один из клиентов потребовал точного совпадения экранной версии и версии для печати (я об этом писал на вебмасконе), оказалось, что при использовании overflow:hidden на печати блоки режутся по нижней границе страницы (не переносятся на следующую), пришлось переделывать под решение с :after
с этих самых пор пользуюсь только :after =)

]]> By: coldman http://designformasters.info/posts/clearing-float/#comment-3865 coldman Mon, 06 Oct 2008 16:30:43 +0000 http://designformasters.info/posts/clearing-float/#comment-3865 хороший метод, но у ФФ 2-го поколение вечно с ним проблемы небольшие вылезали именно из-за overflow: hidden; особенности в таком блоке находятся поля формы, текст при клике с слева от такого контейнера выделяется сразу в двух колонках ( display: inline-block; понимает Опера и сужает его. Достойного решения пока нет, приходится все время верстать "по обстоятельствам". хороший метод, но у ФФ 2-го поколение вечно с ним проблемы небольшие вылезали именно из-за overflow: hidden; особенности в таком блоке находятся поля формы, текст при клике с слева от такого контейнера выделяется сразу в двух колонках (
display: inline-block; понимает Опера и сужает его.
Достойного решения пока нет, приходится все время верстать "по обстоятельствам".

]]> By: Хаён http://designformasters.info/posts/clearing-float/#comment-3863 Хаён Mon, 06 Oct 2008 13:33:50 +0000 http://designformasters.info/posts/clearing-float/#comment-3863 Супер, спасибо. Хорошее решение. Всегда думал как это сделать! Супер, спасибо. Хорошее решение. Всегда думал как это сделать!

]]> By: Частые вопросы о CSS - Design For Masters http://designformasters.info/posts/clearing-float/#comment-3819 Частые вопросы о CSS - Design For Masters Fri, 26 Sep 2008 07:12:07 +0000 http://designformasters.info/posts/clearing-float/#comment-3819 [...] приемлемого русского названия посвящена статья Clear для плавающих блоков подробнее о float и связанных с ним багами можно [...] [...] приемлемого русского названия посвящена статья Clear для плавающих блоков подробнее о float и связанных с ним багами можно [...]

]]> By: cross http://designformasters.info/posts/clearing-float/#comment-3605 cross Thu, 17 Jul 2008 13:58:58 +0000 http://designformasters.info/posts/clearing-float/#comment-3605 Супер, беру себе на заметку это решение. Сам же всегда пользовался clear: both Супер, беру себе на заметку это решение. Сам же всегда пользовался clear: both

]]> By: djinn http://designformasters.info/posts/clearing-float/#comment-3479 djinn Mon, 23 Jun 2008 11:30:36 +0000 http://designformasters.info/posts/clearing-float/#comment-3479 Есть ли метод без overflow:hidden? Просто иногда нужно, чтобы контентная зона тянулась, допустим при большом размере вставленной картинки. В этом случае она обрезается...о_О Есть ли метод без overflow:hidden? Просто иногда нужно, чтобы контентная зона тянулась, допустим при большом размере вставленной картинки. В этом случае она обрезается...о_О

]]> By: Евгений http://designformasters.info/posts/clearing-float/#comment-3445 Евгений Mon, 16 Jun 2008 12:53:49 +0000 http://designformasters.info/posts/clearing-float/#comment-3445 Это конечно, но в том же руководстве, жмите на ссылку <a href="http://linux.yaroslavl.ru/docs/www/html/html401/graphics.html#adef-clear" rel="nofollow">clear</a> и первое, что вы увидите это "Не рекомендуется". Попробуйте проверить эту конструкция валидатором, используя любой Strict DOCTYPE, атрибут clear не валиден. Это конечно, но в том же руководстве, жмите на ссылку clear и первое, что вы увидите это "Не рекомендуется".

Попробуйте проверить эту конструкция валидатором, используя любой Strict DOCTYPE, атрибут clear не валиден.

]]> By: bontonweb http://designformasters.info/posts/clearing-float/#comment-3444 bontonweb Mon, 16 Jun 2008 12:34:37 +0000 http://designformasters.info/posts/clearing-float/#comment-3444 Евгений, вот что пишет по этому поводу спецификация HTML 4 http://linux.yaroslavl.ru/docs/www/html/html401/text.html#edef-BR "Элемент BR принудительно обрывает (оканчивает) текущую строку текста. Для визуальных ПА атрибут clear может использоваться для определения того, как разметка, следующая после элемента BR, обтекает другие всплывающие влево или вправо объекты, или начинается внизу после этих объектов." Евгений, вот что пишет по этому поводу спецификация HTML 4
http://linux.yaroslavl.ru/docs/www/html/html401/text.html#edef-BR

"Элемент BR принудительно обрывает (оканчивает) текущую строку текста.
Для визуальных ПА атрибут clear может использоваться для определения того, как разметка, следующая после элемента BR, обтекает другие всплывающие влево или вправо объекты, или начинается внизу после этих объектов."

]]> By: Евгений http://designformasters.info/posts/clearing-float/#comment-3443 Евгений Mon, 16 Jun 2008 12:20:49 +0000 http://designformasters.info/posts/clearing-float/#comment-3443 <strong>bontonweb</strong>, это не валидно, если бы и было валидно, то как атрибут <code>clear</code> может быть семантичным, я не представляю. bontonweb, это не валидно, если бы и было валидно, то как атрибут clear может быть семантичным, я не представляю.

]]>