White Space Appears Right Of Browser Window When At Full Screen

There is a giant rectangle of white space to the right and bottom of the browser window when it is at full screen. Does anybody know how to get rid of this? JSFiddle: http://goo.gl

Solution 1:

You have this style on .copyright2

.copyright2{

    position: relative;
    left: 17.5%;
}

p {
    width: 100%;
}

So .copyright2 has width: 100% and start at left: 17.5%

To fix it remove left: 17.5% from .copyright2

Here a minimal example to illustrate:

.red{
  background: red;  
  height: 100px;
}

.blue{
  background: blue;  
  height: 50px;
  position: relative;
  left: 50px;
}

<divclass="red"><divclass="blue"></div></div>