Comments 55
Firefox 2 прощал, но потом если клиент захочет валидацию страницы проверить, оно ведь выдаст что сайт не валидный.
Нельзя блоки помещать внутрь инлайн элементов. Вообще нельзя. Неважно какой у них Display. Соблюдайте стандарты и будет Вам щасте.
Спасибо, я это и имел в виду (подозреваю, что выразился недостаточно четко). Добавил соотвеструющее резюме в конец поста.
а div внутри спан можно помещать?
а див внутри дива c «display: inline»?
а див внутри дива c «display: inline»?
Див внутри дива можно. Внутри спана нельзя. Тут дело не в том, какой display в css, а в том, каким блок является по определению. Погуглите по поводу списков инлайновых элементов и элементов уровня блока. Все заголовки, дивы, параграфы — блочные элементы, а спаны, инсы, делы, ссылки, имаги и т.д. — строковые. Кстати, к блочным относятся так же элементы ul, ol, li, dl, dd. А вот dt, по умолчанию, строчный (хотя могу и ошибаться).
Я бы с вами согласился, если бы не IE с его работаующим только у ссылок: hover
UFO just landed and posted this here
Все не так.
В FF3 — если есть блочный элемент — перед ним (сверху) и после него (снизу) добавляются вертикальные отступы.
А «точки» — это «подчекривания» пустых строк до блочного элемента и после него.
В FF3 — если есть блочный элемент — перед ним (сверху) и после него (снизу) добавляются вертикальные отступы.
А «точки» — это «подчекривания» пустых строк до блочного элемента и после него.
Сурово та как наказывает!
Правильно делает, что наказывает.
Браузер не должен строить из себя валидатор.
Ему нужно страницу показать максимально хорошо, как только это возможно, даже при косой вёрстке.
Ему нужно страницу показать максимально хорошо, как только это возможно, даже при косой вёрстке.
Недавно заметил подобный баг на странице результатов в гугле: clip2net.com/clip/m10142/1220451009-clip-5kb.png
Там внутри ссылки размещен спан, инлайновый по-умолчанию, с заданым disply: block. Так что, проблема, скорее всего в чем-то еще.
Там внутри ссылки размещен спан, инлайновый по-умолчанию, с заданым disply: block. Так что, проблема, скорее всего в чем-то еще.
Я, кстати, говорил не о том, что Сам Гугол не без греха, а о том, что причина такого поведения не в диве, а во вложении блочного элемнета внутри строчного, независимо от его названия.
Я не хотел сказать, что вы это говорили. Просто я сам считаю, что гугл тут небезупречен (ведь ба имеет место). Но не более небезупречен, чем каждый, кто не мог предвидеть такого изменения рендеринга в FF3. То есть всякий :)
UFO just landed and posted this here
А где
inline-block
не поддерживается?UFO just landed and posted this here
UFO just landed and posted this here
UFO just landed and posted this here
Недавно делал «кирпичики» на
Это, конечно неправильно, и именно об этом идет речь в этом топике, но, к сожалению, я не придумал другого способа обойти эту проблему. :-(
inline-block
(в блоке «Анонсы» можно увидеть), проблему в IE решал через задание display: inline
только для них (используя диез-хак) — в этом случае они ведут себя сообразно адекватным бруазерам.Это, конечно неправильно, и именно об этом идет речь в этом топике, но, к сожалению, я не придумал другого способа обойти эту проблему. :-(
UFO just landed and posted this here
Для фф2 есть
-moz-inline-block
и -moz-inline-box
. К сожалению, не могу точно сказать, чем именно они отличаются, даже сайт мозиллы молчит на этот счет.я думал это фича такая у гугла))
А если в фаербаге дописать для этих ссылок dispay: block или inline-block (не везде ведь подходит блочное отображение), то все отображается нормально, так что в большинстве случаем эту проблему легко решить.
UFO just landed and posted this here
Переверстывая чужое — порой ох**ваю. И описанный в топике маразм — еще цветочки.
Лучше бы выводил всплывающее сообщение: «Ятте счас руки оторву!»…
А если серьёзно — то о таких багах нужно сообщать Мозилле. Даже если уже есть такой тикет — чем больше нудят, тем быстрее поправят. Глядишь — в 3.1 войдёт )
А если серьёзно — то о таких багах нужно сообщать Мозилле. Даже если уже есть такой тикет — чем больше нудят, тем быстрее поправят. Глядишь — в 3.1 войдёт )
Поведение ff3 хорошо иллюстрирует firebug при просмотре html-структуры — там видно, что внешний строчный элемент принудительно закрывается, если внутри него находится блочный.
Firefox 3 вообще по-хорошему «правильный» браузер. В отличие от IE, который «по-плохому». И вот эта его правильность выдаёт нам баги и невалидности, о которых мы и не подозревали в своём коде. «Бо работало ж».
P.S. Прости Рост, это я наверное ж написал… Больше не буду.
P.S. Прости Рост, это я наверное ж написал… Больше не буду.
Интересно, а эти самые точки внесены в стандарты? Я что-то не видел.
Если я не ошибаюсь и их действительно там нет, то FF3 сам грубо нарушает стандарты. Так что ни в коей мере это не справедливо.
Если я не ошибаюсь и их действительно там нет, то FF3 сам грубо нарушает стандарты. Так что ни в коей мере это не справедливо.
Этот трюк часто применялся для выделения блока над которым сейчас курсор мыши, так как для div: hover {} не пашет, по крайней мере в IE6.
Конечно это не самый удачный хак, но он тоже имеет право на жизнь — не всегда есть возможность использовать js (например $('.highlight-me').mouseover… addClass('.hover')) особенно когда речь доходит до клиентской оптимзации в js, прописка в нужномых dom элементах onmouseOver тоже не является хорошим решением.
А вот точки это конечно жёсткий косяк FF3, они бы еще рендерить перестали страницу…
Конечно это не самый удачный хак, но он тоже имеет право на жизнь — не всегда есть возможность использовать js (например $('.highlight-me').mouseover… addClass('.hover')) особенно когда речь доходит до клиентской оптимзации в js, прописка в нужномых dom элементах onmouseOver тоже не является хорошим решением.
А вот точки это конечно жёсткий косяк FF3, они бы еще рендерить перестали страницу…
span считается инлайновым элементом. Все простят если вы запихнете его вместо див, а как сделать инлайновый элемент блочным мы все знаем: display: block;
Никаких хаков и js в этом случае вам не надо
Никаких хаков и js в этом случае вам не надо
Что за индус догадался див разместить в A О_о
извините, но чтобы снять все глупые вопросы, покажите, пожалуйста, как правильно? включая сss.
чъорт, что с хабром? ну как тут уловить логику в ответах? :)
извините, не по теме, просто ужаснулся ))
___
дополнение — еще и картинки не вставляет… ))
25-kadr.ru/habr.jpg
извините, не по теме, просто ужаснулся ))
___
дополнение — еще и картинки не вставляет… ))
25-kadr.ru/habr.jpg
Sign up to leave a comment.
FF3 справедливо наказывает за размещение блочного элемента внутри строкового