On 24 Dec 2008, at 17:44, Dan Gayle wrote:
> I am having a specificity problem that I need help with. I am trying
> to create an info box that floats to the right within my main content
> div that uses the cascade to supply the styling. The content of that
> info box needs to be marked up using plain html elements, because the
> content writers that I am working with can barely understand that, let
> alone adding classes or heaven forbid, inline styles.
>
> According to what I know about specificity, this should work:
>
> h2{font-size:1.5em;line-height:1.5em;}
> div.extra-info h2{text-transform:uppercase; font-size:1.2em; line-
> height:1.5em;}
>
> It works in Webkit, but not in Gecko or IE.
>
> The full example can be found here: http://dangayle.com/test.html
>
> Any thoughts?
Remove the stray " at the end of the div.extra-info rule:
div.extra-info {width:260px; float:right; border:1px solid; padding:
10px; margin:10px; background:#eef; font-size:.9em; font-
family:Georgia;"}
Jonny
______________________________________________________________________
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/
