Home/ Questions/Q 7674989
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T16:51:37+00:00

I have created the following demo: http://thedrivepartnership.com/overflow.html The scrolls expand fine in FireFox /

  • 0

I have created the following demo:

http://thedrivepartnership.com/overflow.html

The scrolls expand fine in FireFox / Chrome but in IE it just does seem to want to work.

Does anyone come across the problem before.

css

body {padding:0px; margin:0px;}

.wrapper {
    position:absolute;
    top:0px;
    bottom:0px;
    width:100%;
    height:100%;
    background:red;

}

.block1 {
    position:absolute;
    top:0px;
    right:0px;
    width:70%;
    height:50%;
    background:green;

}

.block2 {
    position:absolute;
    bottom:0px;
    right:0px;
    width:70%;
    height:50%;
    background:blue;

}
.heading {width:100%; height:50px; background:black;}

.scroll {
    overflow-y:scroll;
    overflow-x:hidden;
    width:100%;
    position:absolute;
    float:left;
    top:50px;
    bottom:0px;
    zoom:1
}

html 

<div class="wrapper">
<div class="block1">
<div class="heading"></div>
<div class="scroll">
<!--content here -->
</div>
</div>


<div class="block2">
<div class="heading"></div>
<div class="scroll">
<!--content here -->
</div>
</div>
</div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your design works fine in IE, you just need to declare a DOCTYPE in the first line of your document first.

    <!DOCTYPE html>
    • 0