I have a page with an embedded IFRAME coded as follows:
<iframe src="framecontent.html" width="505" height="380" frameborder="0"></iframe>
The target page contains a table of 483px wide with only text contained therein.
I have tested this page on a PC & Mac on with all popular browsers. For some reason on IE (specifically IE6 on XP Pro) when the vertical scroll bar appears so does the horizontal, even though the content does not exceed the size of the frame.
I have tried reducing the width of the table but the scroll bar remains. Is this a "feature" of IE?
Is there a way to control the scroll bars independently? I do have some pages that need to scroll vertically and some that do not, but certainly I do not need any horizontal scrolling.
Thanks,
James
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
That generated code. You used Dreamweaver.
1. Put in a full doc type so you are not rendering in quirks mode.
2. run the page through a validator at www.w3c.org and cleanup the DW garbage.
3. Once the code is clean it may correct it self. IF not at least we will have something we can work with.
Cd&
I've encountered the same problem -- you should use something like this --
<IFRAME name="list" id="list" src="list.html" width="120" height="500" bgcolor="transparent" border="0" frameborder="0" marginheight="0" marginwidth="0" scrolling="NO"> </IFRAME>
The key there is scrolling = NO.
If you declare the Iframe a lot longer than you want it (assuming you have the room on the page), it will cover most scenarios. If you declare the SCROLLING=AUTO -- which is another option, it might work better for you.
That means the Iframe will show no scroll bar if the size is less than the height, if it is near, equal or greater, it will show the scroll bars.
On word of caution -- I have found that declaring the Iframe features is a class style declaration does not do it for all features. Some need to be declared right in the Iframe declaration, as I have shown you above. Experiment to see which will work in the CSS style decaration, and which won't.
As you probably saw from the sample page, I am limited by the page size so the IFRAME height cannot be changed. Using the paramters you suggested leaves me with no scroll bars and fixed conent. Switching to AUTO of course brings back both x & y scroll bars.
Did you manage to get your x scroll bard to disappear in your scenario?
Cheers,
J
I guess the reason I was confused, thinking you meant the vertical scroll, is because I don't see the horizontal one. But sure enough, pop into IE, and it is there. So I'm sorry for misunderstanding which one you wanted to eliminate, seeing only one.
Other than trying the suggestions above, you could try fine tuning the display width in the page loading into the iframe, since it is close to the iframe size, IE is defalting to showing the horiz scroll. eg. 480.
Also, do you have one of these at the top of your document --
"http://www.w3.org/TR/html
"http://www.w3.org/TR/html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html
Those will cause IE to render differently, as also noted above.
I have added the DOCTYPE statement - no change to the scroll bar display.
As you might have guessed, I have played with the width of the page that loads into the IFRAME, reducing it to as much as 200px wide, I have included only text and not the table and text that is there now, and so on - no change to the scroll bar under any circumstances to date.
FYI: pages in question are:
Main page: http://lextranet.mjusa.com
Frame page: http://lextranet.mjusa.com
J
as sciwriter pointed out that is what to do...
incase you misread what sciwriter said,
try the
"http://www.w3.org/TR/html
"http://www.w3.org/TR/html
in the place of the "http://www.w3.org/TR/html
I have also had this problem with IE, but when using a better browser *Firefox* you never get those problems
Chrome -- tell me this -- I had an Iframe working perfectly without ANY DTD specification. It still does. But when I put either strict or loose DTD in the top -- the Iframe doesn't even show to the correct height!!! Mine is about 1200px high, and when I specify strict OR loose, it chops it down to about 100 pixels high. That is VERY baffling, since I specificed the height BOTH in the <TD> enclosing the Iframe, and in the Iframe itself !!!! :(
Tried the alternate specification in both the pages - no difference. I have of course tested this site cross-platform/cross-brows
However, the web site in question is a front end to a site that relies heavily on ASP and Active X controls and as such site visitors are expected to use IE. (Regrettaby that part of the site is out of my hands). So the customer wants a site that works in IE first and everything else second.
Thanks for all the input but I am now at a loss as to how to fix this issue.
Cheers,
J
<<<iframe src="framecontent.html" width="505" height="380" frameborder="0"></iframe>
The target page contains a table of 483px wide with only text contained therein. >>
The width of the Iframe needs to be no wider than the table or <TD> width that the Iframe is going into. Can you not make this adjustment?
You might be interested in something I recently discovered. I had an Iframe in a table working perfectly in both browsers, just as you are wanting to do. Then I was experimenting with different IE renderings using the two DTD's mentioned above. Putting either loose or strict in caused IE to completely screw up the Iframe rendering. It shrunk to less than it's width, and only about 20% of its height. I did not try the frameset DTD spec, because all I had to do was remove ALL such specs, and the Iframe rendered perfectly once again. In other words, nothing in the header but --
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML> ..etc
Do the arithmetic.
As I look at the page:
the iframe is constrained to a width of 450 px
The primary element in the content page is 400 px --- this is irrellevant because
the heading line declares to cell widths 18 and 465 ======> 483 px
IE expands a table to fit the more granular cell specifications there fore the width of the table and th content is 483 and it is going to be 483 as long as the cell widths add up to 483 and the iframe is going to need scrollbars at any width less than 483 ( probably a little mor given IEs weak box model).
Cd&
Business Accounts
Answer for Membership
by: COBOLdinosaurPosted on 2005-03-23 at 14:16:04ID: 13616643
<iframe src="framecontent.html" width="505" height="380" frameborder="0"
style="overflow-x:hidden">
If that does not solve it, the you will probably have to do it the hard way and modify the body tag of the page being loaded:
<body style="overflow-x:hidden">
Cd&