ansaurus

Question

CSS adjacent sibling selectors - IE8 problem.

Answer 1

+2 A:

You need to make sure IE is running in standards mode - put in a doctype like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"&gt;

From the documentation:

The adjacent sibling combinator is a "plus sign" (+) character that separates two simple selectors. Whitespace is not significant.

A selector of the form "E+F" matches element F when it immediately follows sibling element E in the document tree, ignoring non-element nodes (such as text nodes and comments). Element E and F must share the same parent and E must immediately precede F. To match the first child of the parent, use the :first-child pseudo-class.

Note Requires Windows Internet Explorer 7 or later.
Note Combinators are enabled only in standards-compliant mode (strict !DOCTYPE).

Greg 2009-10-23 10:33:32

Hah. What's funny is, I dropped the doctype so that I could make an iframe 100% height of a table cell.Thanks, guess I'm going to have to try and figure out the 100% height thing seperately. Any ideas? I'm going to have to use JS for IE6 menu effects.Cheers.

Joel 2009-10-23 10:57:08

Answer 2

A:

would it be simpler to add the hover on the li element and fix the hover for ie using this http://www.xs4all.nl/~peterned/csshover.html

ie

#MainMenu li.Sel ul li.HasSub:hover {
     display: block;
}

Hope that helps

Josh

Josh 2009-10-23 10:39:33

ansaurus

tags:

views:

answers:

CSS adjacent sibling selectors - IE8 problem.

related questions