Problem positioning my iframe

jeddi · 02-02-2012, 06:28 AM

Hi,

How does the iframe positioning work ?

I have a cell phone simulation script and when I made
some changes to the left handside text, the iframe on the
right hand side went out of align with the holder image.

This is my script:

Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nokia Mobile Emulator</title>
<meta name="keywords" content="Nokia simulator, Nokia emulator, Nokia mobile website">
<meta name="description" content="See how your website looks in a Nokia">
<meta name="robots" content="index,follow">
</head>
<body>
<script type="text/javascript">
/* Old script, still used, but adapted with Cookie creation */	
var ray={
changeIframe:function(inp,iframeEl)
	{
		this.returnID(iframeEl).setAttribute('src',this.returnID(inp).value);
		createCookie('QuentinURL',this.returnID(inp).value,30);
	},
returnID:function(el)
	{
		return document.getElementById(el);
	}
} 
</script>
<div align="center">
	<table border="0" width="700" id="table2" cellspacing="0">
		<tr>
			<td>
			<p><b><br>
			Welcome to our Testing Page.
			<br><br>
			On this page you can see how <br>
			any website looks on a variety<br>
			of mobile devices.<br>
			<br><br>
			The Nokia.
			<br><br>
			Enter the website URL below.
			<br><br>
			<input type='text' id='userinput' value='http://aspaceplace.mobi6.net/' size="30" name="T1" />
			<br><br>
			<button onclick="ray.changeIframe('userinput','myframe');">Test Now!</button>
			<br><br>
			<br><br>
			Now try ...
			<br><br>
			<a href="index.htm">Iphone</a>
			<br><br>
			<a href="blackberry.htm">Blackberry</a>
			<br><br>
			<a href="android.htm">Android</a><br>
			</font></b>
			</p>
			</td>
			<td width="360" height="639" background="nokia.jpg">
			<p align="center">
			<iframe id="myframe" width="275" height="216" src="http://aspaceplace.mobi6.net/">
			Your browser does not support inline frames or is currently configured not to display inline frames.
			</iframe>
			</p>
			</td>
			</tr>
		</table>
	</div>

<script type="text/javascript" src="geturl.js"></script>
</body>
</html>

And here is My Web Page

The first page is OK ( The Iphone. )
When you click on Small Droid or Nokia
the resulting page is mis-aligned.

I made some changes but they didn't take effect.

Is that javascript cookie creating a cache ?

If its not that, how do I kill the cache, because I can not see the
updates I make.

Thanks

.