Re: [WSG] position fixed on the thead
Haven't got time to try (last HSC exam tomorrow! woo! -- final school exams here in NSW Australia), but maybe using the display: property to ditch normal table-like behaviours for the thead? http://www.w3schools.com/css/pr_class_display.asp Then try position:fixed. No idea if this works or not, but it occured to me that there are different display: types for tables than other elements. Josh On 11/8/05, Ted Drake [EMAIL PROTECTED] wrote: Hi All I'm trying something out and wanted to know if anyone had any experience with this. I'd like to keep the thead fixed and let the remainder of the rows scroll underneath it. I will need to come up with a hack for IE6 and below, what other browsers do not support fixed? I'm also noticing the margins seem off and the page loads with the content already underneath the thead. How could I get the page to load with the table looking normal and then, voila the head stand still while the rest scrolls? I found a teasingly unformatted xml file from Tantek that states IE5.5: THEAD and TFOOT can't be fixed with 'position: fixed' in CSS on the w3.org site. http://www.w3.org/WAI/UA/impl-pr2/evaluations/eval_mac_ie5.xml I looked at the table gallery and didn't find any examples. http://icant.co.uk/csstablegallery/ Any ideas? Ted Drake www.tdrake.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] position fixed on the thead
Hi Ted In response to: I'd like to keep the thead fixed and let the remainder of the rows scroll underneath it. I came across this http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header2.html while scouring the web for fixed print header/footer solutions. It seems to fit your requirements, though I haven't investigated/played with it myself. Regards Scott Swabey Lafinboy Productions www.lafinboy.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] position fixed on the thead
Ted Drake said: I'd like to keep the thead fixed and let the remainder of the rows scroll underneath it. I looked around for a solution to this recently. Most solutions rely on wrapping parts of the table in divs and positioning those, and that just didn't appeal to me. I did find this one, which is valid but haven't used it: http://www.imaputz.com/cssStuff/bulletVersion.html kind regards Terrence Wood. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] position fixed on the thead
We are using the fixed THEAD/TFOOT extensively and dont have any problems with it. I also applied the concept to fixing a left hand section - which also worked. Yes, and while it uses a DIV wrapped around the table (and the fixed sections are anchored to that DIV) it provides the very familiar behaviour the people expect from a table with very minimal CSS. Is it standard across all browsers? Don't know, don't care. We are only using it in a controlled environment. Regards, Gary On 11/8/05, Terrence Wood [EMAIL PROTECTED] wrote: Ted Drake said: I'd like to keep the thead fixed and let the remainder of the rows scroll underneath it. I looked around for a solution to this recently. Most solutions rely onwrapping parts of the table in divs and positioning those, and that justdidn't appeal to me.I did find this one, which is valid but haven't used it: http://www.imaputz.com/cssStuff/bulletVersion.htmlkind regardsTerrence Wood.** The discussion list forhttp://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help**
RE: [WSG] position fixed on the thead
Hi Gary Could you send a sample url? I have come across some jscript solutions. Ive been told that the caption doesnt play nicely with overflow:scroll on the tbody. But I havent tested it yet. Thanks Ted From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gary Menzel Sent: Monday, November 07, 2005 3:51 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] position fixed on the thead We are using the fixed THEAD/TFOOT extensively and dont have any problems with it. I also applied the concept to fixing a left hand section - which also worked. Yes, and while it uses a DIV wrapped around the table (and the fixed sections are anchored to that DIV) it provides the very familiar behaviour the people expect from a table with very minimal CSS. Is it standard across all browsers? Don't know, don't care. We are only using it in a controlled environment. Regards, Gary On 11/8/05, Terrence Wood [EMAIL PROTECTED] wrote: Ted Drake said: I'd like to keep the thead fixed and let the remainder of the rows scroll underneath it. I looked around for a solution to this recently. Most solutions rely on wrapping parts of the table in divs and positioning those, and that just didn't appeal to me. I did find this one, which is valid but haven't used it: http://www.imaputz.com/cssStuff/bulletVersion.html kind regards Terrence Wood. ** The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] position fixed on the thead
This solution is really cool. The programmer is simply putting the thead and tfoot outside a scrolling div with absolute positioning. The tbody is all that is left in the div and it scrolls. http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header2.html Thanks Scott for finding it. Ted -Original Message- Hi Ted In response to: I'd like to keep the thead fixed and let the remainder of the rows scroll underneath it. I came across this http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header2.html while scouring the web for fixed print header/footer solutions. It seems to fit your requirements, though I haven't investigated/played with it myself. Regards Scott Swabey ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] position fixed on the thead
I came up with a solution for this exact problem a while back and wrote about it here http://www.agavegroup.com/?p=31 It relies on only one extra div, then a className. I often load the table normally, then onLoad, apply the classname to the table which resets it to being scrollable. Hope it helps.On 11/7/05, Ted Drake [EMAIL PROTECTED] wrote: This solution is really cool. The programmer is simply putting the thead andtfoot outside a scrolling div with absolute positioning. The tbody is allthat is left in the div and it scrolls. http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header2.htmlThanks Scott for finding it.Ted-Original Message-Hi TedIn response to: I'd like to keep the thead fixed and let the remainder of the rows scroll underneath it.I came across thishttp://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header2.html while scouring the web for fixed print header/footer solutions. It seems tofit your requirements, though I haven't investigated/played with it myself.RegardsScott Swabey** The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help**-- www.agavegroup.com
Re: [WSG] position fixed on the thead
One of my favorite sites has this to offer among many other neat css solutions. http://www.cssplay.co.uk/menu/tablescroll.html On 11/7/05, Ted Drake [EMAIL PROTECTED] wrote: This solution is really cool. The programmer is simply putting the thead andtfoot outside a scrolling div with absolute positioning. The tbody is allthat is left in the div and it scrolls. http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header2.htmlThanks Scott for finding it.Ted-Original Message-Hi TedIn response to: I'd like to keep the thead fixed and let the remainder of the rows scroll underneath it.I came across thishttp://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header2.html while scouring the web for fixed print header/footer solutions. It seems tofit your requirements, though I haven't investigated/played with it myself.RegardsScott Swabey** The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help**
Re: [WSG] position fixed on the thead
I will have to wait until I am work and find the reference. The solution actually ensures that the head and foot still look like they are part of the table. I.E. the scroll bar still sits alongside the head and foot. I.E. it looks like a real listbox. Gary On 11/8/05, Ted Drake [EMAIL PROTECTED] wrote: Hi Gary Could you send a sample url? I have come across some jscript solutions. I've been told that the caption doesn't play nicely with overflow:scroll on the tbody. But I haven't tested it yet. Thanks Ted From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]] On Behalf Of Gary MenzelSent: Monday, November 07, 2005 3:51 PMTo: wsg@webstandardsgroup.orgSubject: Re: [WSG] position fixed on the thead We are using the fixed THEAD/TFOOT extensively and dont have any problems with it. I also applied the concept to fixing a left hand section - which also worked. Yes, and while it uses a DIV wrapped around the table (and the fixed sections are anchored to that DIV) it provides the very familiar behaviour the people expect from a table with very minimal CSS. Is it standard across all browsers? Don't know, don't care. We are only using it in a controlled environment. Regards, Gary On 11/8/05, Terrence Wood [EMAIL PROTECTED] wrote: Ted Drake said: I'd like to keep the thead fixed and let the remainder of the rows scroll underneath it. I looked around for a solution to this recently. Most solutions rely onwrapping parts of the table in divs and positioning those, and that justdidn't appeal to me.I did find this one, which is valid but haven't used it: http://www.imaputz.com/cssStuff/bulletVersion.htmlkind regardsTerrence Wood. ** The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **