Problem displaying popup window over fieldsets

Frantic Turtle · #1 (**permalink**) Jul 5th, 2007, 20:40

Hi everyone,

I am working on a page and I want to do a hidden / visible DIV that appears when an image is mousedOver. Getting it to show / hide is fine, BUT...

When it appears it is interrupted by the content that it is supposed to be covering! The text field box and fieldset borders show through! I have tried assigning different zindex levels and cannot get the DIV to obscure the background material it is over. I am used to this being a problem in IE with Select fields, but i have never had this problem with Text before and never tried it over Fieldsets before.

Here is the relevent code (development page is NOT publicly available as a URL).

<html>
<head>
<link href="Standard.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
function ShowDetails(num) {
if (num == 0) {
document.getElementById('ContactDetails').style.vi sibility = 'hidden';
} else {
document.getElementById('ContactDetails').style.vi sibility = 'visible';
}
}
</script>
</head>

<body>

<div ID="ContactDetails" style="position: absolute; zindex: 10; top: 100px; left: 400px; width: 250px; height: 200px; visibility: hidden; border: 1px solid red; background-color: red;">
<fieldset>
Info on the person! I like this stuff and wonder why it does not like me?<br>
<br>
<br>
<br>
<br>
<br>
<br>

</fieldset>
</div>


<fieldset style="width: 765px; height: 300px; zindex: 2;">
CONTENT WITHIN THE FIELDSET
<input type="text" name="Text1" size="30" maxlength="30" value="default value"><br/>
</fieldset>

Thanks for any help!

ScottR · #2 (**permalink**) Jul 5th, 2007, 21:01

There are some errors in your CSS that could be contributing to your problem. You have zindex, it should be z-index.

Also, with your inline style you have inserted your zindex attributes between your absolute positioning attributes. It should read

Code: Select all

<div ID="ContactDetails" style="position: absolute; top: 100px; left: 400px; z-index: 10;width: 250px; height: 200px; visibility: hidden; border: 1px solid red; background-color: red;">

Your fieldset inline style also has z-index written incorrectly.

Best I can do without seeing in webpage or the stylesheet.

Hope this helps a bit,
Scott

Frantic Turtle · #3 (**permalink**) Jul 5th, 2007, 23:21

I fixed the typos and moved the parameter, but no difference. There has to be something more basic going on here. BTW, it is both in IE & FF.

ScottR · #4 (**permalink**) Jul 5th, 2007, 23:37

Maybe someone else can help without seeing the source code. I cannot help without seeing the source code to look for possible errors.

Scott

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Help: Problem with popup window in Flash	buckmajor	Flash & Multimedia Forum	3	May 22nd, 2007 15:02
slideshow appears in a popup window	kivanc	JavaScript Forum	6	Jan 10th, 2007 21:08
Rollover menu / popup window	magiccupcake	JavaScript Forum	3	Dec 18th, 2006 16:10
Popup window problem in netscape 8.1	nitu	JavaScript Forum	0	Sep 12th, 2006 11:33
Javascript popup window with ASP	madhuri.t	Classic ASP	0	May 3rd, 2006 10:42

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Problem displaying popup window over fieldsets