Unaligned pages

Hi all,
I've done everything I could try and figure this out and I'm running out of time.

If you go to my site http://www.plopproductions.com/Henrys_Place and you click through all the nave buttons, you'll notice that all the pages for some reason misaligned. Actually, the home and order pages are the same and the contact and sample video are the same and the about us is just way out in another country. Could anyone guide me to what I need to do to get these pages to line up. If this doesn't make sense as soon as you click on it you'll see what I mean.

Any help would be greatly appreciated!!

Thanks,
Dana

Hello again,
I have narrowed this down a little. I reverted to the original CSS. I think this is where the problem is. If you look at the home page and the order page you will see a gray bar at the top of the page. If you look at about us and contact us, it's not there.

I found it in the CSS it's under NavMainWrapper. But I can't figure out how to remove it from those 2 pages. I'm sure it's not just the CSS, but it's a start.

Anyone that can help, I would greatly appreciate it.
Dana

The other thing I can tell is that the home page and the product page is loaded by: main_page=index & the others are loaded by index.php?main_page

Could this also be a problem? If so, how can I change them to all load from the same page. Thanks!!

EDIT: Ok maybe this is not true. I'm really confused :0)

Please - if anyone can help, I promise not to ask another question at least for an hour :0)

Hi

Looking at your css, you have the page at 100% and I suspect your header image is only say 800px, it is also left aligned.

Try this in your css sheet, find

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
}
and change

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 80%;
vertical-align: top;
}

See if that helps a bit.

Phil

Hi Phil,
Thank you so much for the response, but when I'm looking at it are the changes you made a horizontal change? My problem is more vertical. As you click through the links you can see the page drops down and up.
I'm just curious before I change anything.
Thanks AGAIN!!!

EDIT: The CSS you are seeing on the page is the default. I changed back just to figure out what was wrong with this. Just to let you know.

HI

I see from your css that you have changed the main rapper from 100% to 80. 80 what???? Make sure it is 80%, then come back to me.

You may also want to seek some advice from the The stylesheet forum, those guys will see you right.

Phil

Hi Phil,
Well I see what you mean about the 80%. I actually changed it to 75% and it looks better, but this isn't the problem.

The problem is if you look right along the top of the page you'll see the gray bar. It's just above the login that you can't see since it's white on white. I can't figure out what that is and where I can go to remove it.

Are you talking about the stylesheet forum here on Zencart or somewhere else.

Again, thanks a ton for you help. BTW, I love your screen name. I describes me big time LOL.

HI

Thanks for the reply, I see what you mean about the grey navbar.

I would suggest that you ask the experts in the stylesheet forum for their view on your site.

Click here http://www.zen-cart.com/forum/forumdisplay.php?f=54

Good luck

Phil

Hi Phil,
Thanks a ton for your help. I have a post over there now. Hopefully someone can help.
Dana