Как растянуть страничку?

Question

[Silaev]

Верстаю сайт, и никак не могу понять как сделать так, что бы фон растягивался при увеличении контента (я новичек) Что бы было понятней пару картинок.
Это когда мало контента


Это когда много контента. Т.е. градиентная рамка, и картинка которая внизу рамки «падают» вниз

Answer 1

[egorinsk]

Фон в данном примере не растягивается, и просто прижат к низу блока и сдвигается вместе с ним.

background: url(image.jpg) no-repeat 50%100%;

Что значат 50% и 100%, читайте в описании свойства background-position на сайте w3.org или htmlbook.ru.

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

p.s. Раз уж вы новичок, обратите внимание на неаккуратность в дизайне сайта на картинке: текст слишком близко прижат к левому краю блока, содержит слишком длинные строки и смотрится крайне рвано и неряшливо. Не вздумайте никогда делать так же, добавляйте поля и ограничивайте ширину текста (чтобы в строке было не более 50-80 символов).

Comments

[Silaev]

Большое спасибо.

[IkaR49]

Да, порядок имеет значение. Советую держать под рукой htmlbook.ru, там и про html можно почитать и про css.