Scrolling tables ... almost there

Hi everyone,

I need to incorporate a scrolling table into a web-site and so have been
experimenting with various thead/tbody examples that I have found on my
googling expeditions.

So far I have put together the following example ...

http://alse.load4.net/tabletest/table_test08.html

.... which works perfectly under Firefox and looks OK under IE (7.0) but
under IE I find that the content of the first cell is hidden under my
header-bar. You will see that the first 'The Rain in Spain' appears
under Firefox but is hidden with IE.

I am hoping that there is a CSS guru out there who can take a look at my
code and tell me how I might be able to teak it to fix this problem?

Many thanks,
Alan Searle
Alan Searle [ Fr, 02 November 2007 08:49 ] [ ID #1861319 ]

Re: Scrolling tables ... almost there

Alan Searle wrote:

> http://alse.load4.net/tabletest/table_test08.html
>
> ... which works perfectly under Firefox and looks OK under IE (7.0) but
> under IE I find that the content of the first cell is hidden under my
> header-bar. You will see that the first 'The Rain in Spain' appears
> under Firefox but is hidden with IE.
>
> I am hoping that there is a CSS guru out there who can take a look at my
> code and tell me how I might be able to teak it to fix this problem?

You have this code in your styles, hidden from Firefox:
thead tr {
position: absolute;
/* top: expression( this.parentNode.offsetHeight - 6 ); */
}

I guess that means that the tr in the thead is not taking up any space
(normal side-effect of position:absolute), so the tbody starts at the
top of the table, and is therefore covered by the thead.

--
Els http://locusmeus.com/
Els [ Fr, 02 November 2007 09:09 ] [ ID #1861320 ]

Re: Scrolling tables ... almost there

In article <fgekr2$ak7$1 [at] newsreader2.netcologne.de>,
Alan Searle <aj_searle [at] xxxyahoo.com> wrote:

> Hi everyone,
>
> I need to incorporate a scrolling table into a web-site and so have been
> experimenting with various thead/tbody examples that I have found on my
> googling expeditions.
>
> So far I have put together the following example ...
>
> http://alse.load4.net/tabletest/table_test08.html
>
> ... which works perfectly under Firefox and looks OK under IE (7.0) but
> under IE I find that the content of the first cell is hidden under my
> header-bar. You will see that the first 'The Rain in Spain' appears
> under Firefox but is hidden with IE.
>
> I am hoping that there is a CSS guru out there who can take a look at my
> code and tell me how I might be able to teak it to fix this problem?
>

This implementation does not work at all on Mac Safari. There was
a recent thread on this, perhaps you could look it up.

--
dorayme
dorayme [ Fr, 02 November 2007 09:41 ] [ ID #1861322 ]

Re: Scrolling tables ... almost there

Alan Searle wrote:

> So far I have put together the following example ...
>
> http://alse.load4.net/tabletest/table_test08.html

Have you seen these sample?

http://home.tampabay.rr.com/bmerkey/examples/nonscroll-table -header.html
http://www.imaputz.com/cssStuff/bigFourVersion.html

--
-bts
-Motorcycles defy gravity; cars just suck
a.nony.mous [ Fr, 02 November 2007 13:41 ] [ ID #1861333 ]

Re: Scrolling tables ... almost there

On 2007-11-02, Alan Searle wrote:
>
>
> Hi everyone,
>
> I need to incorporate a scrolling table into a web-site and so have been
> experimenting with various thead/tbody examples that I have found on my
> googling expeditions.
>
> So far I have put together the following example ...
>
> http://alse.load4.net/tabletest/table_test08.html
>
> ... which works perfectly under Firefox

For what value of "works perfectly"? This is how it looks in
Firefox on my computer: <http://cfaj.freeshell.org/testing/fwh.jpg>.

--
Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
============================================================ =======
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
cfajohnson [ Sa, 03 November 2007 20:37 ] [ ID #1861829 ]

Re: Scrolling tables ... almost there

Well bust mah britches and call me cheeky, on Sat, 03 Nov 2007 19:37:49
GMT Chris F.A. Johnson scribed:

>> I need to incorporate a scrolling table into a web-site and so have
>> been experimenting with various thead/tbody examples that I have
>> found on my googling expeditions.
>>
>> So far I have put together the following example ...
>>
>> http://alse.load4.net/tabletest/table_test08.html
>>
>> ... which works perfectly under Firefox
>
> For what value of "works perfectly"? This is how it looks in
> Firefox on my computer:
> <http://cfaj.freeshell.org/testing/fwh.jpg>.

I wonder if he meant "table test with a female _and_ male"?

--
Bone Ur
Cavemen have formidable pheromones.
Bone Ur [ Sa, 03 November 2007 23:55 ] [ ID #1861847 ]
Miscellaneous » alt.html » Scrolling tables ... almost there

Vorheriges Thema: table alignment
Nächstes Thema: Applet printing