PDA

View Full Version : Layer not displaying correctly in IE



spiralmind
Jul 1st, 2009, 06:19 PM
Hi,

I hope someone can help, been trawling the web and forums for ages trying to find a solution.

Please look at the link: http://komodoimage.com/promotional.html

The layer on the right hand side that displays the instruction of using the iframe shop are jumping all over the page in IE6 & 7.

Does anyone know what to add or do to the layer code to make it stay in that position in all main browsers? Or is there a better way to try and do what I am doing? It feels like it is a but primitive and there should be a more professional way to have an iframe loading in a site and a layer or possibly div to the far right hand side.

The layer code is also below:


<div id="Layer1" style="position:absolute; width:200px; height:554px; z-index:1; left: 999px; top: 209px;">
<p><img src="images/right_sd.gif" width="200" height="630"></p>
</div>

<iframe src="http://www.promotional-store.com/(5hbszfqarrzk25555qbbsmfw)/list.aspx?sqs=fQStlVHHzzRFd8dEgjS5r6VZPqYfD30V" width="780px" height="630px" frameborder="0" scrolling="auto">
</iframe>

Thanks!!

spiralmind
Jul 2nd, 2009, 04:11 PM
Can anyone point me in the right direction to solve this?

Cheers.

Fisher
Jul 2nd, 2009, 04:47 PM
Tables are not the way to layout a page, and someone will probably provide a link as to why. But, if you're going to use them, then why not just put that image in another table cell? The problem is not just in IE, but in every browser. You're absolutely positioning that image so when you resize the browser it will not display well.

Something like:
<td>iframe</td>
<td>image</td>

You don't need the layer at all.