Фоновые изображения в таблицах

Автор статьи: Головин Андрей

Еще одна головная боль web-мастера — использование фоновых изображений в таблицах. И Internet Explorer, и Netscape Navigator позволяют задавать фоновое изображение как всей таблице, так и отдельным ее элементам. Здесь отличия начинаются. IE никак не реагирует на атрибут BACKGROUND, установленный для элемента , в то время, как NN это позволяет. Да и сам принцип заполнения элементов фоном у этих браузеров отличается кардинально. IE заполняет все пространство таблицы, включая и рамки. NN, в отличие, от IE заполняет фоном каждую отдельную ячейку, даже если фон применяется к элементу . Кроме того NN «забывает» раскрасить границы. Все это наглядно можно увидеть в следующей таблице (в первой колонке указано к какому элементу применен атрибут BACKGROUND):

Правда замечательная картина? Будем с этим бороться. Бороться с этим неимоверно сложно. Если мы попробуем использовать вложенные таблицы, то результата, как ни бейся, не получим. Некий баг NN заставляет вложенную таблицу наследовать фон родительской таблицы. Следовательно, кроме того, что мы должны применять вложенную таблицу, необходимо установить фон из изображения с прозрачностью (вы, наверное, помните опыт по применению «однопиксельных» изображений с прозрачностью?). Приведенный далее код отображается абсолютно одинаково в обоих браузерах:

    
Ячейка 1
    
Ячейка 2


    
Ячейка 3
    
Ячейка 4

А вот и результат. Можете проверить сами.