Фон состоит из трех изображений, верхнего и нижнего, статических и среднего, которое дублируется по оси - у в зависимости от размеров содержания. (на картинке прикрепленной нарисовано как надо)
Самое содержание должно писаться поверх этих трех картинок и 2 часть растягиваться.
Сейчас получается сделать только так, чтобы содержимое было во второй части :(
Вот то что есть:
| Код |
#container {
width: 202px;
}
#header {
height: 71px;
background: url(header.gif) no-repeat;
}
#main {
background: url(main.gif) repeat-y;
}
#footer {
height: 101px;
background: url(footer.gif) no-repeat;
}
|
| Код |
<div id="container">
<div id="header"><!-- H --></div>
<div id="main">Текст<br/>Текст<br/>Текст<br/>Текст<br/>Текст</div>
<div id="footer"><!-- F --></div>
</div>
|
|
