Making a div appear behind the rest of the page

[Jeroen1322]

Hi guys!

 

I want a <div> tag to be kind of a background so it doesn't scroll down and when you scroll the rest of the page go's above it.

 

Sorry for the bad explanation but hope you can help!

 

Thanks!

[leodaniel]

I would do This like this:

 

Hope it helped

 

Leo

 

//EDIT

Change to Position Fixed if you don't want it to scroll, didn't read correctly. But anyway, consider just to use Percentage values if you work with fixed position or do separate CSSs for Mobile. It's quiet a mess if you zoom

 html{    min-height:100%;    position:relative} #div_ID{position:absolute;// or fixed if it should not scroll height:100%;width:100%;top:0;right:0; //Your Custom code z-index: -1000;}

[colonel_mortis]

If you don't want it to scroll with the page and work like a background, it should be given the following styles:

position: fixed;top: 0;left:0;width:100%;height: 100%;z-index: -1000;

[Drown]

 

If you don't want it to scroll with the page and work like a background, it should be given the following styles:

position: fixed;top: 0;left:0;width:100%;height: 100%;z-index: -1000;

 

Why do you put width:100% on a block element? It should already use all the available space.

[colonel_mortis]

Why do you put width:100% on a block element? It should already use all the available space.

Habit I guess. You don't need it.