Huge white space on right side of layout

Hello, On the right side of my layout there is a huge whitespace i can't get it gone. i have npo idea what it is or how to fix it. any ideas will be great. my site is http://www.newbreedjesusfreaks.com/

Code: Select all

body,html {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 100%;
    width: 100%;

Try adding this to your CSS

__________________

The header has a left margin which I believe is pushing the right margin out.
Change css to:

Code: Select all

#header{

    background: #000066;

    clear: both; 

    margin: 0 0 0 0px; /* pull header into full width*/

    position: relative;

    z-index: 2;

    height: 150px;

    width: 100%;

    border-bottom: 1px solid #004287;

    border-top: 52px solid #000; /* soak up negative margin to make way for footer*/

}

you are right, but now.... My navbar is beside my header, lol

You've been hanging around here long enough to almost be able to figure out what my next question is going to be! Why are you using all those absolute positionings? You can see the problems that arise when you attempt to place things pixel by pixel. Everyone of your major Id's, has relative positioning. Try floats. They are so much easier to work with.

You need to take out all the relative and absolutes. For a simple design such as this, you are making things so complicated.

I can go ahead and help you sort out the navigation, but then the very next item is going to need adjusting. And so on and so on.

I'm working on that, lol...

I don't no if your are still working on the code, but it doesn't validate

Just though it point it out seen as you have the W3C buttons on your site

__________________