How to stretch page?

Make up the website and I can not understand as to make so that the background is stretched with increasing content (I'm new) That would have been clearer a couple of pictures.
This is when little content


This is when a lot of content. Ie gradient frame and the picture at the bottom of the frame "fall" down
October 8th 19 at 01:03
2 answers
October 8th 19 at 01:05
Background this example does not stretch, and just pressed against the bottom of the unit and moves together with it.

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

That mean 50% and 100%, read the description of the background-position property on the website w3.org or htmlbook.ru.

A newbie should set a goal to at least run through the description of the existing CSS properties. A solid theoretical Foundation is much better than pointing at random.

p.s. Since you're new, please note the carelessness in the design of the website in the picture: the text is too close pressed to the left edge of the block that contains too long lines and it looks very ragged and sloppy. Do not try to never do this, add margins and limit the width of text (so the line was no more than 50-80 characters).
Thank you very much. - marjorie73 commented on October 8th 19 at 01:08
I take this opportunity to ask: does it matter the order of characteristics in the complex properties url(image.jpg) no-repeat 50%100%? - kaleb.Wintheis commented on October 8th 19 at 01:11
Yes, the order matters. Suggest to keep on hand htmlbook.ru there about html, you can read about css. - Mackenzie.Durgan commented on October 8th 19 at 01:14
October 8th 19 at 01:07
If you still need to stretch, you can use background-size.
For such councils it is necessary to add the range of supported browsers. And our newcomer after your advice nastuchat on goove directives using IE7 or IE8. - marjorie73 commented on October 8th 19 at 01:10

Find more questions by tags ImagesCSSHTML