Extending Website Background To Edge of Screen

This tutorial covers how to take extend the background of your website all the way to the edge of the users screen (We will also cover a tip that allows you to extend the background on every users monitor no matter what the size).

Ok so for starters, open up your external style sheet.  Then in the top of the file insert the following code:

This CSS will set the margins on your page to 0 and allow your background image to extend all the way to the edge of your screen. Now the way to get your background to extend on any size monitor is to do the following:

1.) Open up your background image and set the width to 2000px
2.) Insert the following line of code in your CSS:

This will take your image and scroll it to the center of every monitor and then extend it out from there. Thus allowing you to have a background that extends to the edge of every users monitor and giving your site a much more professional look and feel.

As always if you have any questions about this tutorial feel free to drop us a comment below and a member of our team will be sure to get back to you.