Question

Further to this suggestion HTML div height auto I used Floating DIV in my project to replicate FRAME-LIKE-UI

In existing product, they have used frames for UI. For which in new version, I used floating-divs

But the requirement is to make the UI look alike existing one.

So, in existing product, the scroll bar appears only for the frames and not for the whole window

Whereas in my solution, the frame appears both in the div as well as in the window. I have attached the screen-shot of both “expected” and “reality” scenarios. Please have a look at that too

The css i use is

#div1, #div2 {
    overflow: auto;
    float: left;
    height: 550px;
}

#div1{
    width: 50%;
    border-right : 2px solid grey;
}

#div2 {
    width: 48%;
}

I dont need the scroll bar which the browser gives rather I need it to be exactly like how FRAMES behaves.

Thanks.
Arun

Answer 1

Try hiding the browser scrollbar with

body { overflow-y: hidden; }