always visible colunmn headers

[Roedy Green]

In a spreadsheet you can arrange that column headers are always
visible no matter how much your scroll the table itself. What is the
best way to get this effect in CSS?. Does it require frames or is
there a better way?

--
Bush crime family lost/embezzled $3 trillion from Pentagon.
Complicit Bush-friendly media keeps mum. Rumsfeld confesses on video.
http://www.infowars.com/articles/us/...s_rumsfeld.htm

Canadian Mind Products, Roedy Green.
See http://mindprod.com/iraq.html photos of Bush's war crimes

[Mason A. Clark]

On Tue, 28 Jun 2005 02:15:06 GMT, Roedy Green <lo*****@mindpr od.com.invalid>
wrote:

In a spreadsheet you can arrange that column headers are always
visible no matter how much your scroll the table itself. What is the
best way to get this effect in CSS?. Does it require frames or is
there a better way?

Someone will offer a pure CSS way.

I use tables and do it this way:

#topBar { POSITION: fixed; POSITION: expression("abs olute");
TOP: 0em; TOP: expression(pars eInt(document.b ody.scrollTop +0));

<div id="topBar">
Frontal Lobe^(R)&nbsp;&nbsp ;Home Page
</div>

( you can tinker with the "0" -- someone here worried about it )

See it working at:

http://masonc.home.netcom.com

Mason C

[Gus Richter]

Roedy Green wrote:

In a spreadsheet you can arrange that column headers are always
visible no matter how much your scroll the table itself. What is the
best way to get this effect in CSS?. Does it require frames or is
there a better way?

<http://www.home.golden .net/~richterf/Michael/Special.html>
Requires a Gecko based browser to view properly (overflow:auto; applied
to tbody).

--
Gus

[Eric Kenneth Bustad]

In article <Hq************ ********@golden .net>,
Gus Richter <gu********@net scape.net> wrote:

Roedy Green wrote:

In a spreadsheet you can arrange that column headers are always
visible no matter how much your scroll the table itself. What is the
best way to get this effect in CSS?. Does it require frames or is
there a better way?

<http://www.home.golden .net/~richterf/Michael/Special.html>
Requires a Gecko based browser to view properly (overflow:auto; applied
to tbody).

Any suggestion as to how to get rid of that stupid horizontal scrollbar?

--
= Eric Bustad, Norwegian bachelor programmer

[Gérard Talbot]

Roedy Green wrote :

In a spreadsheet you can arrange that column headers are always
visible no matter how much your scroll the table itself. What is the
best way to get this effect in CSS?. Does it require frames or is
there a better way?

Cross-browser scrolling tbody:
http://www.gtalbot.org/HTMLJavascrip...lingTBody.html

Gérard
--
remove blah to email me

[Brett Merkey]

"Roedy Green" wrote :

In a spreadsheet you can arrange that column headers are always
visible no matter how much you scroll the table itself. What is the
best way to get this effect in CSS?. Does it require frames or is
there a better way?

Assuming your purpose is to display data and not to hack a layout,
the only CSS-based implementation I have confidence in that:
1) works in the most common Windows browsers
2) does not involve extra tables or frames
3) does not involve turgid JavaScripts
4) prints well with repeating headers and footers
5) is drop-tested in production environments over several years

is this one:

http://web.tampabay.rr.com/bmerkey/e...le-header.html

[Gus Richter]

Eric Kenneth Bustad wrote:

Any suggestion as to how to get rid of that stupid horizontal scrollbar?

What I have done is to place the tbody content inside a table, placed
this table inside a div and placed the div inside tbody. I removed
overflow:auto from tbody and applied it to the div. The div then is
scrollable instead of tbody and presents only a vertical scrollbar.
These changes worked for me:

tbody {height: 10em;}

<tbody>
<tr><td colspan="3">
<div style="height:1 0em;overflow:au to;">
<table style="width:10 0%;">
tbody content
</table>
</div>
</td></tr>
</tbody>

The cell widths need to be defined to equal their width for the two tables.

--
Gus

[Eric Kenneth Bustad]

In article <Nu************ ********@golden .net>,
Gus Richter <gu********@net scape.net> wrote:

Eric Kenneth Bustad wrote:

Any suggestion as to how to get rid of that stupid horizontal scrollbar?

What I have done is to place the tbody content inside a table, placed
this table inside a div and placed the div inside tbody. I removed
overflow:aut o from tbody and applied it to the div. The div then is
scrollable instead of tbody and presents only a vertical scrollbar.
These changes worked for me:

tbody {height: 10em;}

<tbody>
<tr><td colspan="3">
<div style="height:1 0em;overflow:au to;">
<table style="width:10 0%;">
tbody content
</table>
</div>
</td></tr>
</tbody>

The cell widths need to be defined to equal their width for the two tables.

Well, yes, it is pretty easy if one is willing to set the column
widths explicitly. One *would* often prefer not to do that.

--
= Eric Bustad, Norwegian bachelor programmer

[Mason A. Clark]

On Tue, 28 Jun 2005 02:15:06 GMT, Roedy Green <lo*****@mindpr od.com.invalid>
wrote:

In a spreadsheet you can arrange that column headers are always
visible no matter how much your scroll the table itself. What is the
best way to get this effect in CSS?. Does it require frames or is
there a better way?

This question seems to appear frequently. I suspect it's fear of
javascript that keeps it alive.

http://masonc.home.netcom.com has what you want.

Javascript calculations are active even though javascript is set OFF
in the browser. At least that's the way it seems to me.

The trick is:

#topBar { POSITION: fixed; POSITION: expression("abs olute");
TOP: 0em; TOP: expression(pars eInt(document.b ody.scrollTop +0));

(don't flame me for the "0" -- play with it if you wish)

Mason C

[Gus Richter]

Eric Kenneth Bustad wrote:

The cell widths need to be defined to equal their width for the two tables.

Well, yes, it is pretty easy if one is willing to set the column
widths explicitly. One *would* often prefer not to do that.

You don't have to. Try the code I have given and you will note that it
performs as you asked; without the horizontal scrollbar.

The line about the cell widths was an after thought. If you try my demo
and incorporate the code mentioned, you will note that the columns for
the two tables do not line up. It's up to you if you are satisfied with
that.

--
Gus