asked on

IE7 overflow issues

I am having a problem with IE7 formatting an overflow by default. I've attached a simple test page but I want to turn the overflow OFF for the root element, but have the DIV overflow display. Problem is, turning off the Overflow at the root element seems to dsable it throughout. I've tried turning it on via javascript - aswell as using many different combinations of solutions but none of them give me just the scroll on the DIV.

%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="test" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
       html {
overflow:hidden;
}    
    </style>  
</head>
<body>
    <form id="form1" runat="server">
    <div style="overflow:scroll;">
    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
            jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
        jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
            jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd    jkbsdjkfsdjkhfksdjhfjkhsdfjksjkdfsdjkbfjksdbfjkasdbkfbkdjsb
    sdfsdfasdfffffsdfsd
    sdfsdfasdfffffsdfsd
    </div>
    </form>
</body>
</html>

Open in new window

ASKER CERTIFIED SOLUTION

mudbuggle

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

j_young_80

ASKER

I tried adding width: 100% and height:100% but get the same behaviour - i'm trying to avoid fixed pixel widths due to the large differences in resolution in our environment. Are the 100% values no longer recognised for IE7?

mudbuggle

try this. Unfortunately I am unable to perform testing in ie7 currently.
http://antanova.blogspot.com/2008/01/after-day-of-plenty-of-swearing-i-seem.html

j_young_80

ASKER

for some reason, I have to add position: absolute; to allow the percentages to work - not sure why this is required - and relative and static do not work. What rule is IE7 enforcing here?