<select> element problem inside popup

Hello. I have a small problem, here's code:

[HTML]<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iframe popup (JS)</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div align="center" style="width:">
some text---------------------------------------------------------------------------------;<br/>
some text---------------------------------------------------------------------------------;<br/>

<div class="button">Move your corsor over here
<div style="display:block; position:relative"></div>

<div class="frame">
<form action="test.php" method="post" name="coolstf">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="logo01.jpg" alt="Logo Test" /></td>
<td align="left">Some text; Some text; Some text;</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">Header</td>
</tr>
<tr>
<td align="center">Please select:   <select name="select"><option value="0" selected="selected">All</option><option value="1">1</option><option value="2">2</option></select></td>
</tr>
<tr>
<td align="center">Please enter:   <input name="text1" type="text" maxlength="16" /></td>
</tr>
<tr>
<td align="center">Please choose:   <input name="r1" type="radio" value="" /><input name="r1" type="radio" value="" /><input name="r1" type="radio" value="" /><input name="r1" type="radio" value="" /></td>
</tr>
<tr>
<td align="center">Please check:   <input name="c1" type="checkbox" value="" /></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<br/>
<input name="submit" type="submit" value="PROCEED" />
</form>
</div>

</div>

some text---------------------------------------------------------------------------------;<br/>
some text---------------------------------------------------------------------------------;<br/>
</div>
</body>
</html>
[/HTML]
CSS:

Expand|Select|Wrap|Line Numbers

 @charset "utf-8";

.button {

    margin: 0px;

    padding: 0px;

    text-align: left;

    width: 180px;

    background-color: #CCCCCC;

}
 
.button:hover  .frame {

    visibility: visible;

}

.frame {

    display: block;

    visibility: hidden;

    background-color: #FFFFFF;

    border: 1px solid #000000;

    position: absolute;

    padding: 5px;

    width: 250px;

    height: auto;

}

.frame:hover {

    visibility: visible;

}

And my problem is when i try to select an option from <select> element my popup disapears in ie7. Works fine for FireFox and Opera. Thanks.

Jul 4 '08 #1

Subscribe Post Reply

2346

acoder

16,027

Expert Mod 8TB

You may need to use JavaScript here. Also, you should use a strict doctype to avoid going into quirks mode.

Jul 16 '08 #2

Similar topics

Problem Changing Options in <SELECT>

by: Hal Vaughan | last post by:

I have a sample script from a book ("Beginning JavaScript" by Paul Wilton) that removes or adds a choice to a <SELECT> element. The <FORM> is form1 and the <SELECT> is theDay. The example uses...

Javascript

Need Help With Passed Variables in <SELECT>

by: Dennis M. Marks | last post by:

I have a problem with the following code. It generates a <FORM><SELECT><OPTION> list. There is no problem in the generating. The problem is in the execution as follows. It works fine in Mac IE...

Javascript

ALT function on <SELECT> option

by: gekoblu | last post by:

Hi!, I want to fix via javascript the combo width to a fix value. I'd like to implement a kind of ALT / TITLE function to show the entire option when the text is longer than the combo width......

Javascript

How to get the <select> element in such way...

by: abs | last post by:

Hello everybody. A piece of html code: <form ... > <select ....> <option .... <option .... </select> <select ....>

Javascript

<label> with <select> in IE6

by: Brian Foley | last post by:

Hello, I am used to using the label tag with check boxes and radio buttons in html forms. This allows me to click on the text of the label to activate/deactivate the check box / button, rather...

HTML / CSS

Dynamically adding <option> tags to <select> boxes in Firefox / IE

by: joseph.lindley | last post by:

Forgive me for I am a bit of a web-dev novice - but I'm not doing too bad. I'm currently working with a bit of javascript to dynamically add <option>s into a select box. My code currently works...

Javascript

Client-Side JavaScript Problem in runat=server "<SELECT>"

by: Alex Maghen | last post by:

I have some client-side JavaScript that I want to run whenever a pulldown <SELECT> is changes on th client. I'm trying to do this as follows... <select id="MyPulldown"...

ASP.NET

<select>.remove() Performance and Necessity

by: Richard Maher | last post by:

Hi, I have read many of the copius entries on the subject of IE performance (or the lack thereof) when populating Select Lists. I don't mind the insert performance so much, (I get 100x120byte...

Javascript

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

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,...

C / C++

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...

Online Marketing