Forum Moderators: open
<html>
<head>
<title>Title Title Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<table style="height:100%; width:100%;" border="0" cellpadding="0" cellspacing="0">
<td align="center">
<map>
<img src="images/ca layout.gif" style="width:620px; height:820px;" usemap="#map1" title="example.com" border="0">
</td>
</table>
<div style="position:absolute; width:488px; height:651x; z-index: 1; left:434px; top:147px;">
<iframe style="width:488px; height:651px;" frameborder="0" name="content" allowtransparency="true" src="news.html"></iframe>
</div>
<map name="map1">
<area shape="rect" coords="63,143,20,120" href="/" title="news">
<area shape="rect" coords="28,180,93,153" href="/smf" title="forums">
<area shape="rect" coords="21,212,52,190" href="/dkp.html" title="dkp">
</body>
</html>
Any help would be appreciated.
[edited by: tedster at 3:18 am (utc) on Oct. 6, 2006]
[edit reason] use example.com in code [/edit]
Looks like you gave the iframe a fixed dimension in your style attribute:
style="width:488px; height:651px;"
If I change that it will move the frame from sitting directly over the layout image i have behind it.
Are there any commands to make it stay there but so that it also repositions are the browser resizes?
Are there any commands to make it stay there but so that it also repositions are the browser resizes?
You already have
<div style="position:absolute;....which should 'make it stay there'. You could try setting percentages for the width and height, to help it resize...
width:50%; height:80%;(Although you might still need a fixed height.)
