Просьба помочь с реализацией css

[green tea]

Друзья, вопрос из песочницы, как реализовать средствами css следующее:
вставить картинку слева(*), вставить картинку справа(&), посередине все заполнить третьей картинкой - фоном(1), это будет хедер. вот пример :

*1111111111111111111111&

понимаю, что вопрос простой, только начал изучать css

 

[t0os]

Вложенными элементами это можно сделать.

 

[BDSG]

повидимому как то так:

<style type="text/css">
#header{ height:100px; background:url(path/to/image.png) left center repeat-x; }
#header div{ width:100px; height:100px; background-repeat:no-repeat }
#header-left{ float:left;  background-image:url(path/to/left-image.png); }
#header-right{ float:right; background-image:url(path/to/right-image.png); }
</style>

<div id="header">
    	<div id="header-left">&nbsp;</div>
    	<div id="header-right">&nbsp;</div>    
 </div>

 

[Favn]

#header {background: repeat-x;}

repeat здесь зависит от размера фона, если подходит к ширине и высоте div то по x repeat, а если нет?! то либо перерисовывать, либо просто repeat.

 

[BDSG]

repeat здесь зависит от размера фона, если подходит к ширине и высоте div то по x repeat, а если нет?! то либо перерисовывать, либо просто repeat.

да.. естественно все размеры и repeat'ы, url'ы и т.п. надо прописывать исходя из дизайна.. тут я указал на необходимый минимум для реализации и корректного отображения..