Ранее я задала вопрос:
как сделать чтобы по краям форума были панели?
Вот так хочу (пример нарисовала в фотошопе):
И получила ответ:
Есть два метода. 1. Рисуете в фотошопе задний фон с такими полосками и устанавливаете его 2. Рисуете в фотошопе пон под таблицы форума нужной вам ширины и ставите . Но в обоих случаях ширина форума должна быть фиксированной, то есть в пикселях а не в процентах.
Этот метод мне естественно не понравился потому что:
1. У многих пользователей широкоформатные мониторы и крошечный форум (из-за фиксированной величины) в середине экрана на них смотрится ужасно.
2. Как то не хочеться обрекать пользователей грузить большую картинку и опять таки возникает проблема "замощения" фона при широкоформатных мониторах.
Покопавшись нашла решение проблемы:
#pun_wrap { background-image: url("http://s06.radikal.ru/i179/1001/08/32d92f8ce42b.jpg"); background-repeat: repeat-y; background-position: right center; width : 80%; margin: auto;} #pun{ background-image: url("http://s06.radikal.ru/i179/1001/08/32d92f8ce42b.jpg"); background-repeat: repeat-y; background-position: left center; margin: auto; width : auto; padding-right: 20px; padding-left: 20px;}
Разбираем:
#pun_wrap - обеспечивает ширину форума (width : 80%) и правую панель (background-image: url("ссыль"); background-repeat: repeat-y; background-position: right center)
#pun - это то что вложено в #pun_wrap. Задаём width : auto; - чтобы форум растянулся по ширине, которую задали в #pun_wrap; и отступы слева и справа - padding-right: 20px; padding-left: 20px; чтобы наши панели было видно (В пикселях задана ширина наших панелей)
обеспечиваем левую панель (background-image: url("ссыль"); background-repeat: repeat-y; background-position: left center;)
Всё!
Выложила: может кому-то нужна именно такая реализация.
Пока косяков не нашла.