Sent by Gunlaug_Sørtun on 14 March 2005 14:02
Officelink wrote:
> I didn't apply the @media all rule as I wasn't sure how to do this in
> Dreamweaver - also not sure what I'm supposed to put in the curly
> brackets after this rule??
>> @media all { /* general Op (& all) corr */ html>body ul {position:
>> relative;} html>body ul li ul {position: absolute; z-index: 1; top:
>> 1.9em; } #header img {position: relative; z-index: 1;} } ...tested
>> in IE/Mac, Opera, Firefox, IE6 & Safari.
Let me be careful here, since I'm far from an expert on IE/Mac (have
only had a Mac for a few months). It is also possible that my HTMLTidy
fine-tuned some (x)html-code in the debugging-process-- and that this
helped IE/Mac at my place. If this happened, then the W3C validator
should normally point out the same "flaws" in your original code.
As I wrote: the @media rule prevents IE/Mac from seeing what's inside
it, and it is *important* that IE/Mac do not see any of the CSS that I
put inside that rule (see above). If IE/Mac does see those definitions,
then it won't react normally on those menu-dropdowns at all-- just as
you've experienced.
Don't know about Dreamweaver, since I never use that one or any other
design-tool (apart from HTMLTidy). The method for applying the code I
suggested, is that it is placed completely as is, at the very bottom of
a stylesheet, below everything else. That way it will not cause any
problems with regard to how browsers accept nested rules.
I use this method quite often-- with a lot of care.
OTOH: IE/Mac can't read my stylesheets, since I use @media rules to
control media dependent rendering -- which is what they are meant for.
Hope this clears things up a bit, and I still have a well-working copy
of your page, in case you need more details.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
