I’ve designed a fixed-width page which renders equally in Chromium, Firefox, Safari, but has a small issue in (from what I can tell) ALL flavours of IE. I’ve added some conditional styles for IE, which make things a bit better, but it’s still off (by only a couple of pixels).
The site in question is here: http://www.brushesfacepainting.co.uk/brushes/home
IE and Chromium rendering side by side is shown here: http://www.brushesfacepainting.co.uk/images/renderissue.jpg
I added conditional styles for IE to fix the width of all the elements, prior to this, the banner style was much narrower than the body.
I assume I’m hitting up against an IE bug, but I can’t figure out which one! Can anyone help please?
Thanks,
Lee
Your
mainbodyierule has a width that is different than the width in your standard css. (851px vs 848px). Fix that to match your other wrappers.Also your page is not centered in IE – I suggest you wrap whole page in a fixed width wrapper with margin:0 auto to center whole page – so you don’t keep repeating the width multiple times in your css for each layout element.