iFrame contents not scrolling or selectable 1

[ralphonzo]

OK, this is really wierd, and for once it's Mozilla's that's causing the problems while IE does the job!

I've got a CSS positioned iFrame that won't allow scrolling or even text selection within it (in Firefox).

Here's the iFrame code:

<div id="zcss">
	<iframe src="sect1.asp" name="mainevent" width="442" height="267" frameborder="0" scrolling="auto">
	  <p>Your browser does not support iframes. Click <a href="sect1.asp">here</a> to see this content.</p>
	</iframe>
	</div>

and here's the CSS code:

#zcss{
background-image:url('sitewise/Cambridge_Glasshouse_textbg.png');
position: fixed;
z-index: 2;
top: 300px;
left: 60px;
overflow: auto;
height: 307px;
width: 482px;
vertical-align: center;
horizontal-align: center;
padding-top: 20px;
padding-left: 20px;
}

I'm assuming it's got something to do with the overflow, but I've tried what seems to be all combos without result, except that IE's delighted to render properly all the time!!!

The dev site is:

http://www.trainstormbeta.co.uk/cambridge/?sect=1

and I will be tinkering more.

Any ideas anyone?

 

[feherke]

Hi

[tt]div[/tt]#zcss ( the ine containing the [tt]iframe[/tt] ) has [tt]z-index[/tt] 2 and [tt]div[/tt]#xss ( having size 100% x 100% ) has [tt]z-index[/tt] 3. So the later covers the one with the [tt]iframe[/tt], receiving all user interactions. So there is no way to interact with any content ( including the [tt]iframe[/tt] ) below it.

So Gecko and WebKit browsers are acting correctly. ( Presto however allows selecting the content behind the cover [tt]div[/tt]. )


Feherke.

http://free.rootshell.be/~feherke/

 

[ralphonzo]

OK, so what's it like to so clever?

Brilliant, thank you )