Thanks Tim, you were right,. I suspected it was the doctype. I tried it in the Dev toolbar and it worked fine. I'll get that fixed.
-----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Tim Snadden Sent: Wednesday, August 12, 2009 8:07 PM To: [email protected] Subject: Re: [css-d] first-child and + selector issues On 13/08/2009, at 9:24 AM, Vincent Pollard wrote: > I'm having a lot of trouble getting a couple of lines of css to work > in > IE8. > > It works in Firefox but not IE8. Any ideas why? Is it the doctype? IE8 > bug? Some error I've overlooked? > > > > Here's the site: http://tinyurl.com/lo468u <http://tinyurl.com/lo468u> > > > > Here's the css for this: > > > > ..boxes:first-child { > > margin-left: 0; /* removes the left-margin from the > first orange box at the bottom of the page > > > > div.colL img + .newsItem { > > border: none; /* removes the border from the first > news > item, on the right of the loudhailer image */ > > } The reason is that the document is being rendered in quirks mode. The doctype in this document is actually a comment. Use the IE developer tools (F12) and look. It says Browser Mode: IE8, Document Mode: Quirks mode. You can force it into standards mode by changing the document mode in the developer tools, but you will eventually need to get the doctype fixed. ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
