Хитрости табличного дизайна. (формируем рамку таблицы)

Любому веб-мастеру, ввиду своей профессиональной деятельности, приходится создавать те или иные сложные элементы на сайте
(Например: оптекание текстом графики, создание колонок с текстом, фиксация элементов сайта).
Однако,
стандарт html имеет небольшое количество стандартных элементов
оформления страницы, и не все элементы одинаково отображаются в разных
браузерах. Каждая компания пытается разработать свой собственный html,
порой уходя далеко от основной концепции html, разработанной
консорциумом WWW.
Поэтому веб-мастеру приходится эксперементировать с элементами, которые являются общими для всех браузеров.
Наиболее удачно подходят таблицы т.к в ячейках таблицы удобно размещать информацию.
Кроме
того, таблицы в html имеют атрибут "border="0" - этот атрибут со
значением "0" скрывает границы таблицы т.е остаётся видно содержимое
ячейки а сама рамка не видна.
Давайте теперь рассмотрим пример разработки табличного дизайна.

Цветная граница рамки таблицы.
Сразу
отмечу, что в html, по умолчанию, встроен атрибут, который отвечает за
цвет рамки таблицы. (bordercolor). Однако, нам он не подойдёт, потому
что данный атрибут поддерживается только браузером Internet Explorer. В
других браузерах этот элемент не работает. Но нам необходимо, чтобы
страница одинаково отображалась в любом браузере. К нам на помощь
приходят таблицы. Давайте сначала создадим обычную таблицу.