| |
|
|
| | Снова у меня вопрос по вёрстке.
Есть такой фон... С двойным градиентом. Снизу и сверху.
Как его сверстать так чтобы страница растягивалась по вертикале. И в центре этого фона было белое пространство а сверху и снизу оставался градиент? | |
| |
|
|
| |
|
|
| |
для: Axxil
(19.01.2007 в 21:41)
| | | разбиваешь страницу на две части: верхюю и нижнюю с фиксированой вышиной и ставишь фон | |
| |
|
|
| |
|
|
| |
для: Lelik
(19.01.2007 в 21:57)
| | | всмысле можно в один background-image запихать две картинки и выровнять их по противоположным краям? А как?
Надо же чтою весь градиент умещался в одном блоке. Т.е текст может начинаться на верхен градиенте и заканчиваться на нижнем. Причём текст может быть любого объёма... | |
| |
|
|
| |
|
|
| |
для: Axxil
(19.01.2007 в 22:06)
| | |
<div style="background: url(top.gif) repeat-x top left;">
<div style="background: url(bottom.gif) repeat-x bottom left;">
text
</div>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(19.01.2007 в 22:12)
| | | Супер! Спасибо огромное. | |
| |
|
|
| |
|
|
| |
для: Axxil
(19.01.2007 в 22:06)
| | | делай примерно следующим образом
<style>
body
{
width:100%
margin:0;
padding:0;
background-image: url(нижняя часть рисунка);
background-position:left bottom;
bakground-repeat: repeat-x;
}
div#layout
{
width:100%;
margin:0;
/* для корректного отображения и работы во всех браузерах, в нижнеследующей инструкции
менять толко еденицы измерения высоты блока */
min-height:400px;//height:400px;
background-image: url(верхняя часть рисунка);
background-position:left top;
bakground-repeat: repeat-x;
}
</style>
<body>
<div id='layout'>
<!-- или вместо дивов таблица например -->
</div>
</body>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(19.01.2007 в 22:14)
| | | так же как и AlexSol только вместо первого дива используется body...
Я про вложенность чё-то даже и не подумал :) Спасибо! | |
| |
|
|
| |
|
|
| |
для: Axxil
(19.01.2007 в 22:24)
| | | это позволит нижний градиет всегда держать внизу, без лишних усилий. | |
| |
|
|
