iframes scrolling in w/mouse wheel

Forum Moderators: open

Message Too Old, No Replies

iframes scrolling in w/mouse wheel

nothing in framed pages that would cause extra space

warzol

10:01 pm on Sep 1, 2005 (gmt 0)

Not sure what the deal is on this one. I am using Iframes to create an internal portfolio navigation. Everything seems to be going well so far, but it looks ok in both opera 8 & IE (still working on firefox). In both firefox & opera, the iframes scroll if you put the cursor in it & use the wheel (not the case in IE). As far as I can see there is no reason for this.

It acts as if the page has extra space it needs to scroll to, but there isn't, & should be disabled regardless. Is there a way to disable this? Or maybe you can spot something I am missing.

Thanks for any help!

dlefree

10:07 pm on Sep 1, 2005 (gmt 0)

You might want to check the margin: and padding: properties for the iframe and the <body> tag inside the iframe.

If possible, it'd be pretty handy to see some of the code being used.

encyclo

1:16 am on Sep 2, 2005 (gmt 0)

What does the line of your markup for inserting the

iframe

look like? You should have something like:

<iframe src="file.html" height="100" width="100" border="0" frameborder="0" [b]scrolling="no"[/b]></iframe>

warzol

6:16 pm on Sep 2, 2005 (gmt 0)

Sorry, I didn't know if it was something obvious I was overlooking so I didn't include code. Here is the pages code that contains the iframe. As far as the page the iframe holds, I don't think that is the problem, because it does it on any page I put in it. Here it is:

-----------------------------
<body>

<table width="768" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<tr>
<td valign="top"> <table width="768" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="39" valign="top">  </td>
</tr>
<tr>
<td valign="top">
 </td>
</tr>
<tr>
<td height="2"><img src="../images/transparent.gif" name="transparent" width="1" height="1" id="transparent" /></td>
</tr>
<tr>
<td valign="top"></td>
</tr>
<tr>
<td><table width="768" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"> <table width="768" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td><table width="768" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30" valign="bottom">
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="217"><img src="../images/headerwhowe.gif" width="217" height="21" /></td>
<td width="483" valign="bottom"> <table width="332" border="0" align="left" cellpadding="0" cellspacing="0">
<tr bgcolor="#F96F00">
<td height="1" bgcolor="#FCC191"><img src="images/transparent.gif" name="transparent" width="1" height="1" id="transparent" /></td>
<td width="1" height="1" bgcolor="#FCC191"><img src="images/transparent.gif" name="transparent" width="1" height="1" id="transparent" /></td>
</tr>
<tr>
<td height="10"><img src="images/transparent.gif" name="transparent" width="1" height="1" id="transparent" /></td>
<td width="1" height="10" bgcolor="#FCC191"><img src="images/transparent.gif" name="transparent" width="1" height="1" id="transparent" /></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="768" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" height="1" bgcolor="#606B94"><img src="../images/transparent.gif" width="1" height="1" /></td>
<td height="1" bgcolor="#606B94"><img src="../images/transparent.gif" width="1" height="1" /></td>
<td width="1" height="1" bgcolor="#606B94"><img src="../images/transparent.gif" width="1" height="1" /></td>
</tr>
<tr>
<td width="1" bgcolor="#606B94"><img src="../images/transparent.gif" width="1" height="1" /></td>
<td valign="top"><iframe src="logos.html" name="main" width="768" height="438" marginwidth="0" marginheight="0" hspace="0" vspace="0" scrolling="no" frameborder="0" id="main" noresize="noresize">If
you are reading this your browser does not support
Iframes. Please Click Here.</iframe> </td>
<td width="1" bgcolor="#606B94"><img src="../images/transparent.gif" width="1" height="1" /></td>
</tr>
<tr>
<td width="1" height="1" bgcolor="#606B94"><img src="../images/transparent.gif" width="1" height="1" /></td>
<td height="1" bgcolor="#606B94"><img src="../images/transparent.gif" width="1" height="1" /></td>
<td width="1" height="1" bgcolor="#606B94"><img src="../images/transparent.gif" width="1" height="1" /></td>
</tr>
</table>

<p align="center">

</p></td>
</tr>
</table></td>
</tr>
<tr>
<td height="10"><img src="../images/transparent.gif" name="transparent" width="1" height="1" id="transparent" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>  </td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>

-----------------------------
Thanks again guys/gals!