4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Full width background?

by Joe Crosbie
3 replies
  • WEB DESIGN
    • |
Hey Everyone!

I am working on a project and I would like to have the background extended right the way to the edge of the screen.

All of the items of the site are contained within the "container" ID and I have created a new ID called "top-background"

The CSS specs are the following:

#container {
margin:0 auto;
max-width:960px;
padding:0px 25px;
overflow:visible;
}

#top-background {
margin:0 auto;
width:1366px;
text-align:center;
background-color:red;
}

Now when I edit the PHP code to add my "top-background" ID, if I place it before (above) the "container" ID, the background stretches to the edge of the screen perfectly. Sadly when I add it inside the "container" ID it only covers the width of the container, I need to place it here so it sits behind the logo, navbar... Any ideas on how I can override the container settings so it stretches correctly and everything stays in the centre of the page?

Thanks in advance,

Joe Crosbie
#background #full #width

Trending Topics