Повторение рисунка по вертикали

[drknn]

Если не сложно, подскажите пожалуйста, как сделать так, чтоб в столбце таблицы (левом и правом) изображение повторялось по вертикали?
Суть в следующем. Сделал таблицу 3х3. Верхняя строка для хедера. Первая ячейка хедера содержит левую часть орнамента, средняя - растягивает по горизонтали фоновый рисунок, правая - содержит правый кусочек орнамента.
То же самое нужно повторить в левом и правом столбце таблицы, не затрагивая центральный (отведённый под тело сайта). Как это сделать-то? Измучился уже совсем.

[Naive]

css:

tr:first-child td:nth-child(2){ background: url(...) repeat-x; }

[drknn]

Сообщение от Naive

css:

tr:first-child td:nth-child(2){ background: url(...) repeat-x; }

Нужно по игреку повторять. Попробую.

[drknn]

Сообщение от Naive

css:

tr:first-child td:nth-child(2){ background: url(...) repeat-x; }

Как его в CSS правильно встроить и как потом применять в HTML-e?

[Naive]

как-то так

[drknn]

Сообщение от Naive

как-то так

Спасибо большое за ссылку. Я 7 лет программировал на MQL4 и все эти годы помогал новичкам освоить язык. Сам, как ни кто другой знаю, что отправлять в гугл нужно тех, кто не хочет искать самостоятельно. Я всё же пишу код, а не сижу и не жду готового решения. Просто возникли трудности.
Я нашёл малость иное решение - в хедере указал изначально, что ширина рисунка в центральной ячейке = 100 процентов - это позволило нормально растянуть рамку по горизонтали. Но с вертикальным растягиванием почему-то не получается - просто не врубаюсь, где я допустил ошибку.
Вы предложили подключить каскадные таблицы стилей. Я не знаю как подключать дочерние объекты, да и вникать сейчас в это особо времени нет. Я нашёл иной способ выйти из положения, но и он почему-то работает не так как надо. Просто укажите мне, где я ошибся, ок?

Я создал таблицу: Три столбца, 5 строк. Три центральные ячейки объединил командой rowspan="3". В результате рамку удалось разместить как хотелось, но возникла иная проблема - при наполнении тела сайта контентом растягиваются по вертикали не центральные ячейки боковой рамки, а те ячейки, что содержат нижнюю часть узора. Как зафиксировать их размер, или вообще, что сделать, чтоб растягивались центральные боковые ячейки вместо нижних? Архив с файлами прилагаю.

Установка в свойствах <TD> атрибута height="100%" не помогает почему-то

[Naive]

Ну ты меня так пристыдил прямо, что прямо вааще
В приложении пример современной верстки. Забей на таблицы, это прошлый век. Не только потому, что это не семантично, но еще и потому что хер добьешься кроссбраузерности

[drknn]

Сообщение от Naive

Ну ты меня так пристыдил прямо, что прямо вааще
В приложении пример современной верстки. Забей на таблицы, это прошлый век. Не только потому, что это не семантично, но еще и потому что хер добьешься кроссбраузерности

Оно, конечно спасибо за вложение, только я в нём мало чего понял. Понял лишь что написано на html5 и что основная нагрузка легла на css-файл. Но я нашёл решение проще (для меня проще) и теперь вот даже не знаю, что и юзать - моё понятное, или твоё не совсем ясное.
Файл приложен.

P.S.
На счёт MQL4 я не соврал. Посмотри - http://www.mql4.com/ru/users/drknn

[Naive]

Ну дак, семантика, mvc, вся фигня...
В табличной верстке своей неразрывные пробелы убери рядом с центральными картинками - дыры пропадут в хроме. Как вылечить фаерфокс и эксплорер, я хз. Не верстал таблицами лет 5, все уж поменялось в этом безумном мире.
В своем примере забыл в css добавить

header, article, footer {
  display: block;
}

Дурацкая привычка не проверять верстку...

[drknn]

Стоило чуть-чуть изменить параметры угловых узоров, и всё съехало. Лучше я буду юзать свой вариант.
Спасибо за участие.