Results 1 to 3 of 3

Thread: issue in IE7 with dropdown nav elements going under other elements on the page

  1. #1
    Join Date
    Feb 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default issue in IE7 with dropdown nav elements going under other elements on the page

    Hi

    http://www.l-word.com/internal/redesign/layout.php

    In IE7, The dropdown (superfish) items are going under other elements on the page and I cannot figure out how to get it so that they stay on top of everything else on the page.

    in IE8, Chrome, and Firefox it looks good.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,127
    Thanks
    44
    Thanked 3,228 Times in 3,189 Posts
    Blog Entries
    12

    Default

    Add the highlighted to the head of the page:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>L-Word.com</title>
    <base href="http://www.l-word.com/internal/redesign/" />
    <link href="css/lword_home/lwhp_roundpink.css" rel="stylesheet" type="text/css" />
    <link href="css/lword_home/lwhp_roundgray.css" rel="stylesheet" type="text/css" />
    <link href="css/lword_home/lwhp_squaregray.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/lword_home/lwhp_main.css" type="text/css" media="screen" />
    <!--[if IE 7]>	
    	<link rel="stylesheet" type="text/css" media="all" href="css/lword_home/lwhp_iestyle.css" />
    <style type="text/css">
    #header {
    z-index: 1;
    }
    </style>
    	<![endif]-->
    <!--[if lt IE 7]>
    	<link rel="stylesheet" type="text/css" media="all" href="css/lword_home/lwhp_ie6style.css" />
    	<![endif]-->
    
    <script type="text/javascript" src="js/jquery . . .
    Or add its rule:

    Code:
    #header {
    z-index: 1;
    }
    to the internal/redesign/css/lword_home/lwhp_iestyle.css file.

    Note: This wouldn't even be an issue except that the gradient script makes it (the header div) position relative. Once it does that, its z-index becomes important.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Feb 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Worked! Thank you so much, John.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •