Emulating frameset - relative height

[Ryan Dahl]

Hi,

I'm trying to make a HTML-template which consists of a non-scrolling
header and scrolling content.

I'm using this page: http://limpid.nl/lab/css/fixed/header as
inspiration.

However the trouble is that my pages (generated automatically via ASP)
have a header of variable height. Where in the example, it is quite
fundamental to have a specific value for the height of the header and
use the same value for the contents padding-top.

Is there some technique, preferably in CSS, to fetch the height of the
header and use this value for the contents padding-top property.

My page is strictly for an intranet where IE6 is the only browser
available, so solutions need not be workable on all major browsers or
follow standards.

Btw. if the user changes text-size og the size of the browser-window
it may cause the height of the header to change as well.

Thanks in advance.
Ryan Dahl

[Mason A. Clark]

On Sat, 25 Jun 2005 23:44:28 +0200, Ryan Dahl <ju***********@hotmail.com> wrote:

Hi,

I'm trying to make a HTML-template which consists of a non-scrolling
header and scrolling content.

I'm using this page: http://limpid.nl/lab/css/fixed/header as
inspiration.

However the trouble is that my pages (generated automatically via ASP)
have a header of variable height. Where in the example, it is quite
fundamental to have a specific value for the height of the header and
use the same value for the contents padding-top.

Is there some technique, preferably in CSS, to fetch the height of the
header and use this value for the contents padding-top property.

My page is strictly for an intranet where IE6 is the only browser
available, so solutions need not be workable on all major browsers or
follow standards.

Btw. if the user changes text-size og the size of the browser-window
it may cause the height of the header to change as well.

Thanks in advance.
Ryan Dahl

I'm using this:

#topBar { Z-INDEX: 1; TEXT-ALIGN: center; WIDTH: 100%; BACKGROUND-COLOR:
#999933; COLOR: #CCFFCC; FONT-SIZE: 130%; MARGIN-LEFT: -10px;
}
#topBar { POSITION: fixed; POSITION: expression("absolute");
TOP: 0em; TOP: expression(parseInt(document.body.scrollTop +0));
}

The site is http://masonc.home.netcom.com

The "expression" uses a Javascript calculation. BUT ! It works with
Javascript turned off. Apparently the math functions are resident in the
browsers. MSIE jitters a bit when scrolling but not bad.

Mason C sorry, I don't remember who to credit for this

[Ryan Dahl]

On Sat, 25 Jun 2005 23:44:28 +0200, Ryan Dahl
<ju***********@hotmail.com> wrote:

However the trouble is that my pages (generated automatically via ASP)
have a header of variable height. Where in the example, it is quite
fundamental to have a specific value for the height of the header and
use the same value for the contents padding-top.

Found a solution - used this for the padding-top property:
expression(header.offsetHeight + 'px');

/Ryan

[Dr John Stockton]

JRS: In article <3g********************************@4ax.com>, dated
Sat, 25 Jun 2005 22:47:36, seen in news:comp.infosystems.www.authoring.s
tylesheets, Mason A. Clark <ma*************@ix.netcom.com> posted :

I'm using this: #topBar { POSITION: fixed; POSITION: expression("absolute");
TOP: 0em; TOP: expression(parseInt(document.body.scrollTop +0));
}

document.body.scrollTop is a Number, at least in my system.
I don't see a need to add zero or to use parseInt.

If, in other systems, it is a string of the form 567px, I don't see a
need to concatenate 0.

--
© John Stockton, Surrey, UK. ?@merlyn.demon.co.uk Turnpike v4.00 IE 4 ©
<URL:http://www.jibbering.com/faq/> JL/RC: FAQ of news:comp.lang.javascript
<URL:http://www.merlyn.demon.co.uk/js-index.htm> jscr maths, dates, sources.
<URL:http://www.merlyn.demon.co.uk/> TP/BP/Delphi/jscr/&c, FAQ items, links.