FF3 справедливо наказывает за размещение блочного элемента внутри строкового

[sitehound]

Firefox 2 прощал, но потом если клиент захочет валидацию страницы проверить, оно ведь выдаст что сайт не валидный.

[rost]

Конечно. Я же так и пишу: «Чтобы избежать этой ошибки, нужно не помещать тэг div внутрь тэга a,...»

[vorbiz]

Нельзя блоки помещать внутрь инлайн элементов. Вообще нельзя. Неважно какой у них Display. Соблюдайте стандарты и будет Вам щасте.

[rost]

Спасибо, я это и имел в виду (подозреваю, что выразился недостаточно четко). Добавил соотвеструющее резюме в конец поста.

[vorbiz]

Да, извиняюсь, не правильно понял Ваше высказывание.
Решил что Вы предлагаете в качестве решения проблемы просто сделать a блочным, не поменяв при этом семантики.

[IntenT]

а div внутри спан можно помещать?
а див внутри дива c «display: inline»?

[vorbiz]

Див внутри дива можно. Внутри спана нельзя. Тут дело не в том, какой display в css, а в том, каким блок является по определению. Погуглите по поводу списков инлайновых элементов и элементов уровня блока. Все заголовки, дивы, параграфы — блочные элементы, а спаны, инсы, делы, ссылки, имаги и т.д. — строковые. Кстати, к блочным относятся так же элементы ul, ol, li, dl, dd. А вот dt, по умолчанию, строчный (хотя могу и ошибаться).

[dshster]

как ни странно, но img тоже строчный

[homm]

Я бы с вами согласился, если бы не IE с его работаующим только у ссылок: hover

[homm]

Я это знаю, я так и делаю, но vorbiz считает что это богохульство. Прочтите сообщение, к которому этот мой комментарий.

[IntenT]

Все не так.

В FF3 — если есть блочный элемент — перед ним (сверху) и после него (снизу) добавляются вертикальные отступы.
А «точки» — это «подчекривания» пустых строк до блочного элемента и после него.

[Stefani]

Сурово та как наказывает!

[dohlik]

Правильно делает, что наказывает.

[pepelsbey]

Браузер не должен строить из себя валидатор.
Ему нужно страницу показать максимально хорошо, как только это возможно, даже при косой вёрстке.

[leMar]

>> Браузер не должен строить из себя валидатор.
Согласен. Но он и не строит, «наказывает» это просто форма речи такая.

>> Ему нужно страницу показать максимально хорошо, как только это возможно, даже при косой вёрстке.
Разработчики IE именно этим и мотивировались игнорируя стандарты.

[Uratsakidogi]

Недавно заметил подобный баг на странице результатов в гугле: clip2net.com/clip/m10142/1220451009-clip-5kb.png
Там внутри ссылки размещен спан, инлайновый по-умолчанию, с заданым disply: block. Так что, проблема, скорее всего в чем-то еще.

[Uratsakidogi]

Я, кстати, говорил не о том, что Сам Гугол не без греха, а о том, что причина такого поведения не в диве, а во вложении блочного элемнета внутри строчного, независимо от его названия.

[rost]

Я не хотел сказать, что вы это говорили. Просто я сам считаю, что гугл тут небезупречен (ведь ба имеет место). Но не более небезупречен, чем каждый, кто не мог предвидеть такого изменения рендеринга в FF3. То есть всякий :)

[Uratsakidogi]

А где inline-block не поддерживается?

[Uratsakidogi]

Недавно делал «кирпичики» на inline-block (в блоке «Анонсы» можно увидеть), проблему в IE решал через задание display: inline только для них (используя диез-хак) — в этом случае они ведут себя сообразно адекватным бруазерам.
Это, конечно неправильно, и именно об этом идет речь в этом топике, но, к сожалению, я не придумал другого способа обойти эту проблему. :-(

[Uratsakidogi]

Для фф2 есть -moz-inline-block и -moz-inline-box. К сожалению, не могу точно сказать, чем именно они отличаются, даже сайт мозиллы молчит на этот счет.

[Mutyonok]

я думал это фича такая у гугла))

[Uratsakidogi]

А если в фаербаге дописать для этих ссылок dispay: block или inline-block (не везде ведь подходит блочное отображение), то все отображается нормально, так что в большинстве случаем эту проблему легко решить.

[rost]

Все верно. Решить можно, только лучше все же не размещать DIV внутри A из соображений семантики. А легкость технического разрешения это проблемы как раз и соблазняет семантику игнорировать.

[steinebel]

Переверстывая чужое — порой ох**ваю. И описанный в топике маразм — еще цветочки.

[pepelsbey]

Лучше бы выводил всплывающее сообщение: «Ятте счас руки оторву!»…
А если серьёзно — то о таких багах нужно сообщать Мозилле. Даже если уже есть такой тикет — чем больше нудят, тем быстрее поправят. Глядишь — в 3.1 войдёт )

[xfox]

Поведение ff3 хорошо иллюстрирует firebug при просмотре html-структуры — там видно, что внешний строчный элемент принудительно закрывается, если внутри него находится блочный.

[Vii]

И при этом строчный элемент еще дублируется в блочном. Буквально вчера обнаружил данную «фишку» ff3 — сначало думал, что firebug глючит.

[jackdaniels]

Firefox 3 вообще по-хорошему «правильный» браузер. В отличие от IE, который «по-плохому». И вот эта его правильность выдаёт нам баги и невалидности, о которых мы и не подозревали в своём коде. «Бо работало ж».

P.S. Прости Рост, это я наверное ж написал… Больше не буду.

[rost]

Хехе, не факт, не факт. Будь :)

[maximw]

Интересно, а эти самые точки внесены в стандарты? Я что-то не видел.
Если я не ошибаюсь и их действительно там нет, то FF3 сам грубо нарушает стандарты. Так что ни в коей мере это не справедливо.

[brook]

Этот трюк часто применялся для выделения блока над которым сейчас курсор мыши, так как для div: hover {} не пашет, по крайней мере в IE6.
Конечно это не самый удачный хак, но он тоже имеет право на жизнь — не всегда есть возможность использовать js (например $('.highlight-me').mouseover… addClass('.hover')) особенно когда речь доходит до клиентской оптимзации в js, прописка в нужномых dom элементах onmouseOver тоже не является хорошим решением.
А вот точки это конечно жёсткий косяк FF3, они бы еще рендерить перестали страницу…

[leMar]

span считается инлайновым элементом. Все простят если вы запихнете его вместо див, а как сделать инлайновый элемент блочным мы все знаем: display: block;

Никаких хаков и js в этом случае вам не надо

[brook]

Иногда спана не хватает. Особенно когда внутри дива ещё дивы и т.д. В примитивном случае, да, спан хороший солюшен.

[Dobrii]

Что за индус догадался див разместить в A О_о

[leMar]

Любой челвек прочитавший книгу из серии «как сделать сайт за пять минут, как научится верстать, вертска как дважды два» и иже с ними :)

[Dobrii]

Скорее всего так оно и есть )

[brmn]

извините, но чтобы снять все глупые вопросы, покажите, пожалуйста, как правильно? включая сss.

[Uratsakidogi]

Смотря какой нужен результат. Либо сделать блоком саму ссылку, либо использовать inline-block, либо что-то еще. Главное помнить, что в строчной элемент может быть вложен только другой строчной элемент или текст.

[mryasov]

чъорт, что с хабром? ну как тут уловить логику в ответах? :)
извините, не по теме, просто ужаснулся ))
___
дополнение — еще и картинки не вставляет… ))
25-kadr.ru/habr.jpg