Hi there,
I’m wondering around elastic layout and div overlow.
what I’m trying to acomplish is layout that consists of 3 divs (one under another). The first one (on the top of screen) is flash navigation with 130px height, the third one is html navigation (on the bottom - 17px height). The second one I’d like to get in between of these 2 and I’d like it to resize when browser window is resized. This div should look like iframe so I used owerflow:scroll. The problem is with EE, while Firefox works just fine.
Here is my css code:
html,body {
margin: 0;
padding: 0;
height:95%;
}
div {
position:absolute;
}
div#whole {
margin:0 auto;
height: 100%;
}
div#flash {
top:5px;
height:130px;
width:800px;
}
div#content {
top:140px;
bottom:30px;
overflow: scroll;
width:800px;
}
div#bottom {
bottom:1px;
color:#CCCCCC;
height:17px;
width:800px;
}
Could anybody help me with this???
