I'm having trouble working out some issues with bellavitapilates.com across versions of IE.
IE 8 seems to accept the alternative CSS styling, but IE 7 and IE 6 seem to still have issues.
What is the best way to fix this?
2 answers
point
it's best to give the different versions of IE different styles by using different conditional comments, at the moment you're treating IE8 the same as IE6.
IE8 is generally quite good at standards, so it's normally <!--[if lt IE 8]> that's required.
I noticed from a quick glance that you have floated divs with set widths, this usually triggers float bugs in IE (doubled margins, 3px jog etc) and a quick fix is to always add display:inline; to any floated element with a width set.
- What ultimately is a better solution for layout that will render consistently across browsers?
- there is no 'golden' layout that will render perfectly across browsers unfortunately. Use what suits the site, then bug test in all version of IE...
- and by all versions I mean IE6, IE7 and IE8
points
Try using IETester to run different IE versions to check your site.
And, probably doesn't have much to do with correct display in IE, but you're missing the UTF metatag below your doctype <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> which doesn't allow validator.w3.org to check your markup without cut and paste.
