DHTML menu hidden by DIV in IE

25 New Member

Hi,
I am trying to implement a DHTML nav menu and I'm having a problem in IE8.

The page basically has 2 content areas in DIV tags. The menu is in the 1st DIV on the left and the page content is in the main DIV on the right.

The problem is that when the menu expands on mouseover it goes under the content area to its right. (Only happens in IE.)

Any suggestions on how I can send the content area DIV ("content-zone") to the back so that the menu displays properly? I'm assuming it has something to do with the Z-Index property.

The "PLVFOaASHHVADi v" and its contents are being generated using a 3rd party tool (whose tech support hasn't been very helpful). Haven't been able put the menu on top by changing its settings, so I'm focussing on pushing the other DIV back instead.
Attached is the HTML along with the javascript file it uses for the menu.

Thanks.

P.S. Here is the code inline.

HTML:

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html>

<html lang="en">

<head>

<title>blah blah</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<meta http-equiv='expires' content='0'><meta http-equiv='pragma' content='no-cache'> 

<meta http-equiv="X-UA-Compatible" content="IE-7">
 
<style type="text/css">

<!--

/* from colors.css */

#borderTopColor                    {border-top:5px solid #B24700;}

#color                            {color:#B24700;}

#tableborderline                {border-collapse: collapse;border-color:#B24700;}

#tblbgColor                        {background-color:#B24700;}
 
/* from page-layout.css */

body{

 margin: 0;

 padding:0;

 background: #1A50B8; /* goes w/dblue.css */

 color: #333333;

 }
 
#hdr{

 height:130px;

 background:#ffffff; 

 color:#000000;

 border:solid #000000;

 border-width:2px 0px;

 margin:5px 0 0 0;

 text-align:center; }
 
#lh-col{

 position: absolute;

 top: 150px;

 left: 10px;

 width: 180px;

/* border: 2px solid #000000;

 background: #c0c0c0;

 color: #333333;*/

 margin: 0px;

 padding: 0px;

 height: 400px;

 }
 
#content-zone{

 margin: 20px 20px 20px 140px; 

 border: 2px solid #000000;

 background: #ffffff;

 color: #333333;

 padding: 20px;

 position :relative;

 z-index: inherit

 }

-->

</style>
 
</head>

<body>
 
<!-- beg HEADER --><div id="hdr">[SNIPPED]</div><!-- end HEADER area -->

<!-- beg NAV --><div id="lh-col">

<div id="PLVFOaASHHVADiv" style="width:125px;position:relative;z-index:50;">

<div>

  <ul style="float:left;margin:0;padding:2px;width:119px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;border:solid 1px #000000;background-color:#7FBAFF;">

    <li style="display:block;float:left;width:117px;height:17px;text-align:left;border:solid 1px #7FBAFF;"><a style="display:block;padding:2px 6px 0px 6px;text-decoration:none;color:#000000;" href="#">A</a></li>

    <li style="display:block;float:left;width:117px;height:17px;margin-top:0px;text-align:left;border:solid 1px #7FBAFF;"><a style="display:block;padding:2px 6px 0px 6px;text-decoration:none;color:#000000;" href="#">B</a></li>

    <li style="display:block;float:left;width:117px;height:17px;margin-top:0px;text-align:left;border:solid 1px #7FBAFF;background: url(Pluginlab/fo_arrow.gif) no-repeat 110px 50%;"><a style="display:block;padding:2px 13px 0px 6px;text-decoration:none;color:#000000;" href="#">C</a></li></ul></div><script type="text/javascript" src="PLVFO5.js">/* PLVFOMenu script ID:PLVFOaASHHVA */</script>

</div>

</div><!--PLVFOYaLFHVADiv-->

<br/>

<!-- end NAV area -->

<div id="content-zone">
 
<p>blah blah</p>
 
<p>&nbsp;</p>

</div><!--content-zone-->    

</body>

</html>

Attached Files

Bytes-question.html.txt (2.6 KB, 380 views)

Jul 16 '10 #1

Subscribe Reply

1973

svendok

New Member

I figured it out. The container surrounding the DHTML code (in this case, "lh-col") needs to have a higher z-index value than the other DIV (in this case "content-zone").

Jul 16 '10 #2

Similar topics

3891

Populating DHTML menu from MySQL

by: Jason | last post by:

I have a client that would like to have drop down menus added to a nav bar that is generated from MySQL. Is it possible to have a dynamically driven DHTML menu from MySQL? example link http://www.msnbc.msn.com/Default.aspx?p1=0

PHP

5287

DHTML Menu change target frame

by: RWD | last post by:

I am trying to figure out how to change the target frame in my hyperlink on a DHTML menu. The menu is in one frame and the target frame is called "main" The code is below: Thanks in advance RWD <script type='text/javascript'>

Javascript

1578

Problem with dhtml-menu ontop of i-frame with firefox

by: Alexander Stuckenholz | last post by:

Hello. I have a problem with the dhtml-menu from http://www.brainjar.com/. Everything works fine with IE so far. But if i use the menu with firefox the menu opens, but if i move the mouse pointer over the menu-entries and i come to the are where the i-frame is below the menu, the mousout-event is fired and the menu closes. Does anybody...

Javascript

1732

Opening a DHTML menu from a SELECT box OPTION tag

by: Ilpo | last post by:

Hi! Is it possible to open DHTML menu from a select box option? I need a select box which shows a new sub-menu when pointing the mouse over an option. Does anyone know is this possible? The option onMouseover doesn't seem to work. Thanks for any help!!

Javascript

1337

DHTML Menu

by: Davidson | last post by:

Could someone advises me some good books or information about DHTML menu? Thanks in advance.

Javascript

7183

DHTML menu going behind flash animation in Opera

by: Sura | last post by:

Hi I have designed a simple DHTML menu which comes over a flash animation when it appears. I have set the window mode as transparent in the flash project. This menu is showing fine when seen with IE, Netscape, Firefox. Yet in Opera the menu is going behind the flash animation. Can anyone suggest a solution to solve this issue. Thanks

Javascript

1080

DHTML menu using ASP.NET

by: news.msdn.com | last post by:

Hi, I have the following requirement. I need to create a DHTML menu control in ASP.NET For that these are the specs provided. 1) I have store the structure of the menu system in a database. The data can be modified any time.

ASP.NET

1879

DHTML Menu Overlaps the DropDownList Box

by: singmadhan | last post by:

Hi Frnds, I am working in an ASP.Net Application and creating a DHTML menu using JavaScript. There is a drop down list box below the menu, when ever I am dragging the menu the DropDownList box overlaps the menu and the menu item in that particular place is hidden.. Cld anyone pls give me a solution reg this asap..

.NET Framework

1854

DHTML Menu in DIV is hiding other DIV

by: warrenf | last post by:

Greetings, I have been muddling my way through developing a DHTML menu. I finally have something workable. My problem now is that I have implemented my menus in a DIV that overlaps my 'master' DIV. The master DIV is visible when the menu's are not activated but once I mouse over one of my menus the master DIV gets obscured by the menu DIV. To...

Javascript

1555

DHTML menu going behind flash

by: ashokc | last post by:

Under Linux DHTML menu going behind flash animation. I have set the <param name="WMODE" value="transparent">. This menu is showing fine when i test under Windows systems with IE, Firefox. Yet in Linux the menu is going behind the flash animation. Please suggest a solution to solve this issue. Thanks, AC

Javascript

8202

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...

C / C++

8338

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...

Online Marketing

8216

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...

General

6614

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...

Career Advice

5390

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...

C# / C Sharp

3837

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...

Networking - Hardware / Configuration

3865

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

2345

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

1180

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

General