IE Vs Firefox Layout Issues

[Sam_uk]

Hi guys,

I hope someone can help me, I am trying make changes to my clients zencart layout.
Everything looks fine when I use firefox but on IE i get the red x's in some places and also the layout is slightly messed up.
Please can someone be kind enough to let me know what the i should be looking to change.

site : www.theuk2usa.com


Thank you
Samantha

[stevesh]

You should be looking to change the template.

I looked at the space where one of the missing images should be, and I counted eleven nested divs. Small wonder the actual image never ended up where it is supposed to be.

Sorry I can't be of more help, but I'd be surprised if anyone here will be able to to take the time to wade through all that 'design'.

It doesn't really look fine in Firefox. FF just doesn't have a 'missing image' placeholder.

[kuroi]

You have a huge number of validation errors, many of them structural related to opening and closing tag mismatches.

Properly validating sites generally displays OK nowadays since the markup is renders following the rules laid out in the browser standards.

But if you feed browsers errors, you're moving outside the area covered by the standards and will either see broken results, or inconsistent attempts by the browsers to deal with them.

Your firsts steps therefore need to be to deal with the missing images to which stevesh refers, and fixing the many structural errors in your code, which are listed by the link above.

[Sam_uk]

Hi

Thanks for the replies guys. Is there any easy way for me to remove red x's at all?

Thanks
Samantha

[Crunch]

Those red x's are appearing because you are linking to an image does not exist. Either put the images back or edit the appropriate template files to remove the reference to the missing images.

/includes/templates/template_default/images/slogan.gif
/includes/templates/template_default/images/h_pict1.gif
/includes/templates/template_default/images/f_pict1.gif


It also looks like you have a mixture of template_default and theme020. The missing credit card logo at bottom is being linked to template_default and the credit card images that show up are being linked to theme020.

[Sam_uk]

Hi,

Thaks for your help o this guys, I have managed to get most of the red x's to go just one left. Any ideas why in IE everything for the left menu and right menu has shifted towards the right hence causing a problem with the design, is there a way I can get it to look like how it looks in Firefox?

Thanks
Samatha

[kuroi]

See my post #3 above. Having dealt with the missing images, you now need to deal with the structural errors which are among the almost 500 validation errors listed.

Happily 500 errors reported won't mean that many in practise, many will stem from the same underlying problem, so start fixing them and you'll see the number reduce rapidly until the fog clears and the key ones are left.