[kwills]

Hi Guys,

I have been staring at this fecking thing for the last 2 hours and cannot find why the navigation has decided to move itself to the bottom left of the page in Internet Explorer and the roll-overs have stopped working in IE7.

Could anyone take a look and see if they could spot what is making it happen?

I have just added a PayPal buy now button and it seems to not make the site validate any more either, has anyone had any past experiences with that?

Any help would be appreciated, cheers.

Here is the link: Introducing the all new UK Designed Ingredients Box For Schools — Home

*Edit - I think i have fixed it for IE7 but the Navigation still Jumps down to the Left in IE6

[karmedic]

I can verify that it's working in IE7 and not 6. When I change the margins on the leftNav div to 0 (just for debugging) in IE6 it starts to work. According to the table at Quirks mode - Wikipedia, the free encyclopedia your doctype is Almost Standards mode for IE6 which you'd think would be enough. Not sure if making it strict would help you.

Not sure about PayPal. Is it possible that your xhtml doctype requires terminators (/) for the inputs? Just a guess.

[haku]

That's correct. Input tags and image tags are required to be self-closed in xhtml. All that paypal stuff is unclosed, and this can cause problems with an xhtml doctype, as the browser thinks those tags are still open, and has to guess what to do with them.

Also, the forward slashes in the bottom menu should be inside the list tags, not outside.

[kwills]

Cheers for that. will sort now.

[kwills]

I have added terminators to the PayPal button but the site still doesn't validate (7 errors) and seems to have some Horizontal scroll in Internet explorer 7. I also added the /'s to the footer navigation but that didn't seem to fix any of the layout problems.

Firefox seems to display the site fine.

Internet Explorer 6 still has the navigation menu in the bottom left.

I'm pulling my hair out here. If anyone could suggest anything i would greatly appreciate it.

[karmedic]

Can you verify that reducing the margin to 0 on leftNav pulls the menu up to the top? If so we can work from that.

Another option is to use blueprint or 960.gs. Would not take long to create a template for site.

[kwills]

Managed to get the navigation to position properly in Internet explorer 6 and other browsers.

Can someone please clarify it works on a Mac?

There still seems to be a lot of horizontal scroll in IE7 and does not seem to validate because of the PayPal button.

The site still fails with 7 errors. I have managed to add the termination tags and change the DOCTYPE but nothing seems to make the site validate.

Anyone have any ideas?

Thanks

[karmedic]

Line 32, Column 2640: end tag for element "form" which is not open:

You terminate the paypal form here:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" />

You don't need to as there is a closing tag for <form>

That seems to be causing grief for a few items in the validator ... try fixing that and see what happens.

Regarding the horizontal scroll issue in IE7 ... try removing the comment "<!-- End Of Site-->" ... it's outside the html and may be the source of your problems. Comments are considered markup.

[kwills]

Managed to get the site to validate now. I changed the PayPal button to a regular button rather than the encrypted button and it seems to have fixed things.

Still seem to be having the horizontal scroll problem in Internet Explorer 7 Though.

[kwills]

Originally Posted by kwills

Still seem to be having the horizontal scroll problem in Internet Explorer 7 Though.

Still no fix, could anyone take a look? Internet Explorer 6, Safari, FireFox all look fine.

Edit** - I have now moved the site to the root domain Introducing the all new UK Designed Ingredients Box For Schools — Home