Log in

View Full Version : issue in IE7 with dropdown nav elements going under other elements on the page


PhxVyper
08-12-2010, 03:51 AM
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.
jscheuer1
08-12-2010, 07:36 AM
Add the highlighted to the head of the page:


<!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:


#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.
PhxVyper
08-17-2010, 03:22 AM
Worked! Thank you so much, John.