Solved

Frame content slips underneath vertical scrollbar in IE6

Posted on 2007-04-06
2
758 Views
Last Modified: 2012-05-05
With IE6 in strict mode, when in a frame, the frame content extends underneath the vertical scrollbar (when there is a vertical scrollbar, otherwise it's ok).

One example is detailed at http://www.thescripts.com/forum/thread154084.html (although the problem occurs in all such situations, not only in the one described). Unfortunately I am required to keep this page in strict mode (cannot follow the valid advice at that link).

A fix for IE6 in strict mode would be great, I could then use conditional comments so that other browsers won't see it. But what can be done to keep the IE6 page (in a frame) from slipping under the vertical scrollbar?
0
Comment
Question by:campinas
2 Comments
 
LVL 15

Accepted Solution

by:
stanscott2 earned 500 total points
ID: 18869881
I haven't personally encountered this problem, but in another forum, a user suggested wrapping a DIV around the IFRAME, and then setting the properties of the DIV, like this:

<div id="iframe_container">
<iframe id="myiframe" frameborder="0" scrolling="no" width="300" height="500" src="/lorem_ipsum.html">
iframe not supported!
</iframe>
</div>

div#iframe_container {
width:318px;
height:100px;
overflow-x:hidden;
overflow-y:scroll;
}

It's worth a try.
0
 

Author Comment

by:campinas
ID: 18870407
So scrolling is disabled for the iframe - no place for the bug - but enabled for the div... interesting idea - thanks. In my case it's a frame (not an iframe), I wonder if I can do the same...
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

27 Experts available now in Live!

Get 1:1 Help Now