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


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.

Answered almost 10 years ago by Tony Crockford
  • What ultimately is a better solution for layout that will render consistently across browsers? Andy Fleming almost 10 years ago
  • 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... danwellman almost 10 years ago
  • and by all versions I mean IE6, IE7 and IE8 danwellman almost 10 years ago

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.

Answered almost 10 years ago by songdogtech