[vitaly-go]

покажите верстку,
может у вас так таблицы с необнуленными отступами или еще какая хрень

[Djeak]

Здравствуйте. Есть такой фон с градиентом. Как это можно сделать для резинового шаблона? Т.е. чтобы этот градиент на любом разрешение монитора был в углах. Второй день голову ломаю. Подскажите, пожалуйста.
fon1.jpg

[vitaly-go]

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

Второй день голову ломаю.

)))

вот это читаем и делаем в соответствии с картинко ниже

[Djeak]

Так это 8 divов получится?
про background я знаю =)

[vitaly-go]

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

Так это 8 divов получится?

а вы за 2 дня придумали способ проще чем ( кстати 9 а не 8) дивов или таблица?
и разве это есть проблема?

кстати решение с меньшимм количеством кода есть, но оно на html5+css3, поэтому скорее всего пока непрокатит

[Djeak]

Проблемы нет
Но там больше получится 9 дивов, надо же еще расположить дивы так, чтобы все фоновые картинки на свои места встали.

[vitaly-go]

вот похожую хрень сейчас мучаю, только у меня центр статичный* , а резиновые поля,
но картинко типа как и ваша
я в таблицу засунул, кстати потягайте в ширину, там 2 уровня фона

[Djeak]

У меня еще помимо этого фона свой фон будет у основного контента. Просто если бы не градиент, то я фон задал бы в body, а у основного контента прописал бы margin:0 auto;

[Djeak]

На самом деле фон то у меня сложнее =(
Я вот думаю его вот таким способом: в body я заливаю все однотонным, а градиент вырезаю как Вы мне подсказали и сохраняю в прозрачном формате фотошопа и вставляю. Единственное, придется дл IE 6 прописывать отдельно.
фончик.jpg

[Djeak]

Подскажите, пожалуйста, как сделать.
Есть такая конструкция:

  <div id="bottom">
      <div id="bot_left">
      </div> 
      <div id="bot_right">
      </div>
     <div id="bot_cen">CENTER
      </div>
   </div>

Вот стили для этого:

#bottom {
height:200px;
}

#bot_left {
        float:left;
	background:url(images/bot_left.png) no-repeat;
	width:250px;
	height:200px;
}
	
#bot_right {
	float:right;
	background:url(images/bot_right.png) no-repeat;
	width:250px;
	height:200px;
}
#bot_cen {
	margin-left:250px;
	margin-right:250px;
	background:url(images/bot_cen.png) repeat-x;
	height:200px;
}

Как сделать, чтобы bot_cen заливался полностью картинкой 1х200 между bot_left и bot_right для резинового шаблона?