I'm looking for code to disable horizontal scrollbars in <iframe>

My code:

<tr>
<td align="center"><iframe src="../VOLAROCLICKWRAP15txt.txt" width="600" height="600" scrolling="yes" name="content" class="body"></iframe></td>
</tr>

I want to KEEP the vertical scrollbar but not the horizontal one.

I also need the text to be wrapped.

Picco

www.crmpicco.co.uk

__________________
_______________________
Ayrshire Minis - a Mini E-Community
http://www.ayrshireminis.com
http://www.crmpicco.co.uk

I haven't time to test this but according to my reference IE supports "overflow-x" and "overflow-y" on the iframe element. See at:
http://msdn.microsoft.com/library/de.../overflowx.asp

--

Joe (Microsoft MVP - XML)

Hi,

I was about to post the same question. I read the link and applied it to my code, but somehow it didn't work. Here is my code;

<div id="billing_instruction" width="950px" style="position:absolute; z-index:13; left: 10px; top: 200px;">
    <iframe frameborder="1" name="content" width=950px height=80px marginheight=0 marginwidth=1
         style="overflow-x=hidden; overflow-y=hidden;"
         src="display_billing_instruction.asp?Corp_ID=<%=ln gCorpID%>&Bill_Instruction=<%=server.URLEncode(str BillingInstruction)%>">
    </iframe>
</div>

Thanks for your help,


MCinar

Love all the creatures because of the creator.

style="overflow-x=hidden; overflow-y=hidden;"

Should be:
style="overflow-x: hidden; overflow-y: hidden;"

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design

An addendum: If you want to hide overflow for both the x and y axis you should use "overflow: hidden". Support is more common for the one overflow property than for the overflow-x and overflow-y properties. Though Gecko 1.8 now supports overflow-x and overflow-y, (previously IE-only). Point being it is better to stick with features you know to work cross-platform, when possible.

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design

Hi Richard,
This time, I used the correct syntax, but it still didn't work. It still shows the "Horizontal Scrollbar" but noth the "Vertical scrollbar".
Here is my code;

<div id="billing_instruction" width="950px" style="position:absolute; z-index:13; left: 10px; top: 200px;">
    <iframe frameborder="1" name="content" width=950px height=80px marginheight=0 marginwidth=1
         style="overflow-x:hidden; overflow-y:auto;"
         src="display_billing_instruction.asp?Corp_ID=<%=ln gCorpID%>&Bill_Instruction=<%=server.URLEncode(str BillingInstruction)%>">
    </iframe>
</div>

Is it maybe related with "scrolling" option in <iframe>? You can either make it "yes" or "no".

Thanks for your help,

Mustafa



MCinar

Love all the creatures because of the creator.