[sandeepraul]

Hi,

I tried all possible solutions from different forums to fix the problem but none were concrete. The problem is as follows:

I have a window with two major sections, one for main contents (98% of area) and second for Footer Bar (2% of area) indicating the status of the operation. This window is opened as a new window with menu, status, scrolling bars set to off.

The problem is, when I resize the window, because the scrolling is set to off, the bottom contents of the page cannot be viewed.

I would like to have a scrollbar to appear dynamically and the Footer bar to remain constant at the bottom of the window. If the page contents load of data then the content of the page should go behind the Footer making footer steady at fixed location.

I tried, all possible methods to use <div> with width, height and scrolling set to auto, but nothing seems to be working.

Also, it seems to be working with frames (by create two row frameset), but I am not keen on using frames because the project is in final stage, and adding frames may create more problems in accessing elements on pages.

If you have any other solution for this, please let me know.

Thanks in advance.

[End User]

I think this should do it:

Code:

<script language="javascript">
function pageScroll() {
    	window.scrollBy(0,10); // horizontal and vertical scroll increments
    	scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}
function stopScroll() {
    	clearTimeout(scrolldelay);
}
</script>

[jfulton]

You can use a div with fixed positioning at the bottom of the page. Then the "content" would just have a bottom-padding equal to the height of the footer. IE doesn't support "position:fixed;" but there are a few workarounds to handle it.

http://annevankesteren.nl/2005/01/position-fixed-in-ie
http://tagsoup.com/-dev/null-/css/fixed/
http://www.howtocreate.co.uk/fixedPosition.html
http://www.divinentd.com/experiments...ion-fixed.html
http://web.tampabay.rr.com/bmerkey/e...ion-fixed.html

[sandeepraul]

Thanks a lot for the instant reply.

I forgot to mention that I want a solution for both, IE and Netscape. I would like to have header and footer fixed position and only scrollbar to appear only for middle contents (only if window is re-sized).

I would try the solutions given on top and would update accordingly.

Thakns a million for posting :-)

[sandeepraul]

Hi

We checked the links given above, although the header/footer remains steady at one place, but it flickers, so wont be able to use this method.

Presently we are using "Expression in CSS" to manipute window dimensions on the fly, this works perfectly in IE, but not in mozilla. Here is the snippet:

width: expression(document.body.offsetWidth - 335 + "px");

Is there any equivalent code in Mozilla? OR is there any other tweaking we can use?
Please let me know. Thanks in advance.

[jfulton]

Code:

position:fixed;

You can use that for most browsers. IE needs the "expression" hack because it does not support fixed positioning. The links I posted before should explain it in more detail, and most (if not all) of those examples should work in both browsers.

See more at:
http://www.w3.org/TR/REC-CSS2/visure...ed-positioning