RE: Cross browser issue with position:absolute...

Hi Emily,

To eliminate rendering inconsistencies you must avoid proprietary or
deprecated tags and have valid markup. Browsers use some form of error
correction to guess what the page should look like when they encounter
invalid html and no two browsers will guess the same. So if you want to
create forward-compatible sites, take the time to correct the markup.

You actually don't have that many errors. The validator will refer to about
26 in your markup but there are actually two main ones:
the <layer> element which is Netscape proprietary tag and the <ul> for the
navigation. That's why I said in one of my earlier e-mails that the menu
system would have to be restructured.

In the css, on line 23 you have .blueLink:a, you can remove it completely as
the line above has the same rule. The other error refers to the -
behavior:url("hover.htc") in #navcontainer li - which is not terminated with
a semicolon. This is to make ie understand :hover on elements other than <a>
but fails css validation.

There are a number of resources for dropdown menus with pure css and
javascript that work in ie and are valid.
For a popular dropdown, read the article at alistapart for Suckerfish
Dropdowns.
http://www.alistapart.com/articles/dropdowns
The final example is posted here:
http://www.htmldog.com/articles/suckerfish/example/

You can also check out the multimenu at csscreator with a number of other
helpful resources: http://www.csscreator.com/menu/multimenu.php.

HTH
Sophia




-----Original Message-----
From: owner-hwg-style(at)hwg.org [mailto:owner-hwg-style(at)hwg.org]On Behalf Of
Emily Berk
Sent: Thursday, January 06, 2005 8:44 AM
To: Jeff Kane; hwg-style(at)hwg.org
Subject: Re: Cross browser issue with position:absolute...


And, in fact, from what I can tell, on a Mac using Internet Explorer, my
hovering menu boxes never show up.  Sigh.  Anyone know of the solution to
that problem?

-- Emily

At 03:00 PM 12/27/2004 -0500, Jeff Kane wrote:
>Emily,
>
>Whatever you do, I suggest you also preview your pages on a Mac, since the
text is pretty messed up when viewed with Safari (Mac's OS X browser).
>...



>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Emily Berk
http://www.armadillosoft.com

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA