Перед вами скелетик четырехслойной рамочки, которым предложила пользоваться блогер bloginja. В этом скелетике я вместо нулевых бордюров взяла бордюры шириной 2px. Что такое БОРДЮР? Это узенькая полоска серого цвета окаймляющая КАЖДЫЙ фон, если, конечно, там стоит значение отличное от нуля. Если взять значение, например, в 6px, то вид фона с таким окаймлением будет непривлекательным. Только поэтому либо указывают нулевое значение, либо ширина берется в 2px.
СОДЕРЖИМОЕ РАМКИ
Перед вами рамочка ( картинка ), на которой видны бордюры в виде тонких линий серого цвета, они окаймляют каждый фон. Пока в скелетике я указала только следующие значения: адреса двух фонов ( первого и третьего ), они одинаковые шириной 5px, у второго фона указала его ширину в 45px для наглядности. Содержимое рамки заменила картинкой, а под текст оставила поле в 600px.
А вот таким будет изображение, если внешний бордюр будет шириной 10px. Подберем два подходящих фона и сделаем ВСЮ рамочку шириной в 700px.
Теперь разберемся, где и какие значения надо изменить, чтобы рамка была шириной в 700 px. Две широких полоски, каждая 45px, четыре узенькие полоски по 5px, восемь бордюрных полосок по 2px, итого 126px. Значит ширина картинки не может быть больше 574px, а чтобы текст не наезжал, поле под него должно быть еще немного меньше, например, 550. Причем отступ для самого внутреннего слоя сделать надо нулевым.