Новая тема   Ответить

 Христо Проданоф
Есть такая проблема.
Существует табличка с заголовком, отцентрованная по странице. Я хочу к этой страничке по бокам пристроить фоновые изображения. которые являются продолжением графики в табличке. Ниже пойдет таблца с контентом,и там будет обычный какой нибудь текстурный фон.

А вот боковые фоновые изобрения к верхней табличке как прикрутить, чтобы они скролились со страницей, и были именно фоновыми, не могу сообразить.
Вроде это както не очнь сложно делается с помощью CSS позиционирования, но у меня сразу как то не получается.


http://img106.imagevenue.com/img.php?image=71058_sample_122_538lo.jpg

 sm@rt
Оффтопик: Можно замарочиться с блоками, но как по мне, разницы нет...

Высчитывешь ширину таблицы. В Фотошопе создаёшь файл шириной = ширина таблицы, по бокам которой должно быть изображение+ширина двух боковых изображений.

Расставляешь фоновые изображения слева и справа, оставшееся пустое место (по центру) можно залить в тон фона сайта, сохраняешь. (при сохранении одноцветноя часть изображения практически не повлияет на его размер в Мб.)

Далее создаётся правило для тега body

body {
   background-image: url(../img/bodybg.jpg);
   margin: 0px;
   padding: 0px;
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-position: center top;
}

 Skat
Код:

.fon1 {background:url(../images/bg.jpg) 50% 0 no-repeat;}
.fon2 {background:#ccc;}
.fon1 table, .fon2 table {margin:0 auto;}

типа этого