Home/ Questions/Q 7545685
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T08:59:37+00:00

Dear visitors stackoverflow! I can not solve a simple problem: Body given the background

  • 0

Dear visitors stackoverflow!

I can not solve a simple problem:
Body given the background of the picture “1.jpg” (it is automatically pressed against the header),
I still need to put a picture – “2.jpg” to be pressed on the contrary to the footer. That is, I need some “rubber layout” in height, so that images were sliding when the height of the page is large, and would come when the content is not enough. I would be happy to link a working example (not even a demo, but just a site that I myself look the source code), but at least I would be grateful for the usual suggestions and ideas! Thank you in advance.

Sorry for bad English, I tried to write competently.

update:

Thank you very much for your answers. Do not pay attention to what I
chose only one, you helped me and I thank you all!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    For full browser support, I’d have one image set on the <body>, and then another image set on a site container, e.g. <div id="site">

    HTML

    <html>
  <head>
    <title>Title!</title>
  </head>
<body>
  <div id="site">
    [Your website here]
  </div>
</body>

    CSS

    body {background: url(img/image-1.jpg) top no-repeat;}
#site {background: url(img/image-2.jpg) bottom no-repeat;}
    • 0