Заметки о вёрстке сайтов  ·  Александр Шуркаев об HTML, CSS и JavaScript (скрипты, справочники и примеры по сайтостроению)

Рамки и фон в Netscape Navigator 4

24 июня 2001 г.

Фоновый цвет, заданный у блочных элементов, не полностью покрывает эти элементы в Netscape Navigator 4. Как добиться необходимого результата?

Фоновый цвет (свойство background или background-color), заданный у блочных элементов (div, p, blockquote и т. п.), не полностью покрывает эти элементы в Netscape Navigator 4. Чтобы добиться необходимого результата, следует задать отсутствие рамки стилем border:none. Только тогда фоновый цвет покроет всю доступную ширину блочного элемента:

blockquote {color:black; background:red; border:none}

Ну а если вам нужно будет, всё ж таки, задать также рамку, то определите её с помощью border-bottom, border-left, border-right и border-top. Netscape Navigator 4 рамку не воспримет, зато она появится в других, «нормальных» браузерах (Internet Explorer 4+, Opera 3.5+ и Netscape Navigator 5+).

В Netscape Navigator 4 не следует определять рамку (краткой записью border) у строчных тегов (a, em, code и т. п.), поскольку тогда они будут трансформированы в блочные (т. е. будут обрамляться переводом строки, уродуя структуру и дизайн).

P. S. Благодаря Андрею Шитову обнаружился интересный workaround проблемы покрытия всей доступной ширины блочного элемента:

blockquote {color:black; background:red; border:1px solid #FFF; margin:0px}

Получается, что вполне можно задавать рамку, которая отобразится как в Netscape Navigator 4, так и в других браузерах. Бинго!

Хитовые статьи про разработку сайтов

Рассылка новостей и новых статей

Сообщения будут приходить пару раз в неделю, не чаще

Объявления

LiveInternet