CSS Problem when viewed with MSIE

[Kaliboi82]

Zencart Version 1.3.8a Clean install with several mods.

Using the Zencart classic template

Link is: Http://www.loshuicholeslv.com

Site looks perfect in all browsers except MSIE 8. When viewed in MSIE there is no header or footer showing but everything else looks fine. I have checked all of my CSS files and other mods and nothing I do seems to fix it. I think it is a problem with how MSIE is interpretting the CSS because it looks exactly as it should in all the other browsers I have used.

Can someone please review my site, try to duplicate the problem and advise me as to where I should focus my efforts on trying to resolve this issue?

Sorry if this has been posted elsewhere I have searched the forum several times and can not find anyone else experiencing the same issue.

The site is currently set to showcase mode but the problem is the same even when the shop is live so I do not think it is a problem. If it is let me know and I will activate the store.

Also another slightly off topic concern, When i used WC3 to validate the CSS it validated fine but said the main stylesheet was fairly large.. is there anything that can be done to shrink it down a bit without losing any of the functionality?? I am fairly green in the CSS Dept.


Thanks!!

[stevesh]

Try removing the height:0%; from #navMainWrapper

I wouldn't worry about the size of your stylesheet.

[Kaliboi82]

I removed that and it seemed to help but it is still not exactly as it should be.. is there any other controls i can remove or change that MSIE is looking at for the size of the header/footer??

it still looks fine in the other browsers without the height.

[rstevenson]

Just guessing, but earlier versions of IE often required a hack to force them to draw heights correctly. That's perhaps why you had that line in your stylesheet, but it wasn't quite right. Try...

#navMainWrapper: height:1%;

... or try putting that specifically into the header and footer parts of the stylesheet.

Rob

[Kaliboi82]

Thanks guys for your help!! Much appreciated I have resolved the issue with those tips as far as I am aware. I do not have other versions of IE to test further but on my system in all browsers i do have it seems to show relatively the same.

[rstevenson]

You can learn more than you ever wanted to about this sort of problem by Googling "Holly hack, box model hack". One link you'll find is to a CSS Hack Cheat Sheet in PDF form. Very handy.

Rob

[Kaliboi82]

Awesome!! That sheet really will help me and hopefully others too!!