Forum Moderators: open
When i revisit my form in an iframe the dropdowns with my recent entries show up way too low. Like 20px under the actual field. It must be the iframes fault (stupid iframe!) because it works without it just fine. yeah, but i need to get it to work in the iframe.
Anyone?
If that's all OK -- then we need the DTD and a short snippet of the HTML (replace urls with "example.com")
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>IFRAME Test</title></head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle"><table width="400" border="1" cellspacing="0" cellpadding="0">
<tr>
<td height="50"></td>
</tr>
<tr>
<td><iframe src="content.html" name="content" width="500" height="400" scrolling="Yes" frameborder="0" id="content"></iframe></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>'
--------------------------------------
ok here the code for the content.html 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>content</title>
</head>
<body>
<form id="form1" name="form1">
<label>name
<input type="text" name="textfield" />
</label>
<p>
<label>
<input type="submit" name="Submit" value="Submit" />
</label>
</p>
</form>
</body>
</html>
--------------------------------------
Now fill out the textfield and hit submit. then doubleclick into the textfield again. The dropdown with the recent entries is now way too low.
It seems the recent entry dropdown refers to the parent frame and not to the iframe and adds the 50 px from the parent table.
I've checked out absolute positioning but i need to center the page in the browser and it got too comlicated.
