WordPress.org

1. spkane
   Member
   Posted 9 months ago #

   Top menu displays horizontally in ie7, FF, Chrome, and Safari but vertically in ie8. ie8 seems to be ignoring the styling of #access li. This is a heavily modified version of twentyeleven.

   Anyone experiencing a similar issue?

   http://estey-hoover4demosites.com/scj/

2. sixhours
   Member
   Posted 9 months ago #

   I've seen this problem before... IE8 won't recognize the NAV tag. Try changing it to a regular old DIV tag, or surround the NAV tag with a DIV and give it the style ID #access instead.

3. spkane
   Member
   Posted 9 months ago #

   Sixhours - thx for the excellent insight.

4. sixhours
   Member
   Posted 9 months ago #

   Np :)

5. spkane
   Member
   Posted 9 months ago #

   Turned out to be a coding error on my part. Was missing a closing tag on the <!--[if IE 7]> statement in header.php.

   Ironically ie7.css was still referenced okay - and the menu displayed fine in ie7 - but ie8 displayed it vertically.

   Once the <![endif]--> was added in header.php, it was all good.

   Thanks to sixhours, whose suggestion helped me trip on the solution.

Reply

You must log in to post.