Hi kids,

I'm working on a project, but I've noticed on some of the pages that the logo within the header gets pushed down, more specifically on the order form page where people enter their information and on the order confirmation page. I don't know why that is because each page pulls from the same .tpl file and stylesheet. Any ideas of how I can fix it?

You can see what I'm talking about with the site on my test server: www.efpeterson.com/goodeats

Feel free to place a test order if you have to.

It's just a difference in the coding between the two pages. I've not looked close enough to identify the specific issue but if you compare the source output of the two pages you should be able to identify it.

#head1 = width: 600px;

doesn't look right

It's just a difference in the coding between the two pages. I've not looked close enough to identify the specific issue but if you compare the source output of the two pages you should be able to identify it.

Even with both pulling from the same .tpl?

Even with both pulling from the same .tpl?

Something is different otherwise it wouldn't display differently.

Looked through all the tpl files, but came up empty. The container .tpl remains the same and the others just are the page content. Maybe if I stop looking at it for a bit I'll be able to figure it out.

The html is different between the pages.

The first pages have <div id="head1"> inside of <div id="head2">.

The order form has <div id="head1"> outside.

Firebug for firefox is a good plugin to use.