Keno wrote:
> Hi List,
>
> Could I please have help with this website!!
>
> Seems to functions ok in Firefox
>
> But the dreaded IE is giving me trouble with the horizontal menu.
>
> I would appreciate some help in overcoming the following problems:
>
> second level menu alignment and font size.
> second level hidden behind images
> second level disappears with cursor to run over
> also bottom navigation alignment.
>
> Test-site is: .... url: http://www.sun-safe.com.au/
> css: http://www.sun-safe.com.au/default-stylesheet.css
> css: http://www.sun-safe.com.au/IE-stylesheet22.css
>
> Thank you,
>
> Keno
Hi keno
The changes to fix in all browsers, remove the following z-indexes.
#menu li:hover ul {z-index:1000;}
#menu {z-index:10;}
and add instead
#menu li {z-index:2;}
This brings us to this.
<http://css-class.com/x/www.sun-safe.htm>
and to keep track of all the alterations needed to fix some layout issues and
the validation errors I found in both the xhtml and css, I have prepared this
little file to help you bring your xhtml and css inline with mine. I only
worked with the styles from the default-stylesheet.css
<http://css-class.com/x/sun-safe.txt>
In "IE-stylesheet.css" you have repeated the complete css just for IE. This
would make it hard to keep track of the changes that you make. You only need
the IE hacks that are different to the normal css in this file. There was 3
hacks so far in conditional comments for IE6. Future hacks could be in the
special "IE-stylesheet.css" linked to via CC and using the star hacks for
specificity in the special stylesheet for IE.
* html #nav li:hover ul /* to target IE6 */
*:first-child+html #nav li:hover ul /* to target IE7 */
*+html #nav li:hover ul /* to target IE7 */
*~html #nav li:hover ul /* to target IE7 */
Just having put up tonight a test for z-indexing and seeing your example
missing, I done a special test case which works in all browsers. Hovering over
the ap. green box of example 12b layers it above the ap. blue box. The changes
on hover is that the ap. green box now has a z-index of 2.
<http://css-class.com/test/z-index2.htm>
I hope this all helps you.
Kind Regards, Alan
<http://css-class.com/>
______________________________________________________________________
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/
