<div dir="ltr"><div>Larry, I have seen several people attempt to achieve what you are trying to do, but I've never seen a solution that didn't involve fixed column widths.<br><br></div>Not to say it's impossible.<br>
</div><div class="gmail_extra"><br><br><div class="gmail_quote">On 3 July 2014 11:15, Larry Martell <span dir="ltr"><<a href="mailto:larry.martell@gmail.com" target="_blank">larry.martell@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div class="">On Thu, Jul 3, 2014 at 10:58 AM, Emerson Veenstra<br>
<<a href="mailto:emerson@emersonveenstra.net">emerson@emersonveenstra.net</a>> wrote:<br>
> On Thu, Jul 3, 2014 at 10:56 AM, Larry Martell <<a href="mailto:larry.martell@gmail.com">larry.martell@gmail.com</a>><br>
> wrote:<br>
>><br>
>> On Thu, Jul 3, 2014 at 10:52 AM, Emerson Veenstra<br>
>> <<a href="mailto:emerson@emersonveenstra.net">emerson@emersonveenstra.net</a>> wrote:<br>
>> > Sorry, wrong link. <a href="http://jsfiddle.net/34Fd5/24/" target="_blank">http://jsfiddle.net/34Fd5/24/</a> is the correct one<br>
>><br>
>> That doesn't scroll.<br>
><br>
><br>
> Then take off the overflow: hidden that's causing it not to scroll?<br>
> <a href="http://jsfiddle.net/34Fd5/26/" target="_blank">http://jsfiddle.net/34Fd5/26/</a> no widths on that one.<br>
<br>
</div>The header is not fixed. That is what I've been trying to achieve.<br>
<div class="HOEnZb"><div class="h5"><br>
<br>
>> > On Thu, Jul 3, 2014 at 10:50 AM, Emerson Veenstra<br>
>> > <<a href="mailto:emerson@emersonveenstra.net">emerson@emersonveenstra.net</a>> wrote:<br>
>> >><br>
>> >> On Thu, Jul 3, 2014 at 10:34 AM, Larry Martell<br>
>> >> <<a href="mailto:larry.martell@gmail.com">larry.martell@gmail.com</a>><br>
>> >> wrote:<br>
>> >>><br>
>> >>> On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay<br>
>> >>> <<a href="mailto:webmaster@tsmchughs.com">webmaster@tsmchughs.com</a>><br>
>> >>> wrote:<br>
>> >>> > On 7/1/14, 9:43 AM, Larry Martell wrote:<br>
>> >>> >><br>
>> >>> >> On Tue, Jul 1, 2014 at 12:29 PM, Brian Tremblay wrote:<br>
>> >>> >>><br>
>> >>> >>> On 7/1/14, 9:19 AM, Larry Martell wrote:<br>
>> >>> >>>><br>
>> >>> >>>><br>
>> >>> >>>> On Tue, Jul 1, 2014 at 9:27 AM, Martin Gainty wrote:<br>
>> >>> >>>>><br>
>> >>> >>>>><br>
>> >>> > [snip html table]<br>
>> >>> >>>>>><br>
>> >>> >>>>>> Is there any way to get fixed headers without explicitly<br>
>> >>> >>>>>> setting the width of the table cells?<br>
>> >>> >>>><br>
>> >>> >>>><br>
>> >>> >>>> the column headers are not aligned with the data:<br>
>> >>> >>><br>
>> >>> >>><br>
>> >>> >>> I don't know what you mean. I pasted your page into my browser,<br>
>> >>> >>> and there are 2 rows with 3 columns each, lined up as I'd expect.<br>
>> >>> >>> What do you expect to happen that doesn't?<br>
>> >>> >><br>
>> >>> >><br>
>> >>> >> Please look at this fiddle:<br>
>> >>> >><br>
>> >>> >> <a href="http://jsfiddle.net/34Fd5/" target="_blank">http://jsfiddle.net/34Fd5/</a><br>
>> >>> ><br>
>> >>> ><br>
>> >>> > That tells me nothing. You need to explain what you think should<br>
>> >>> > happen<br>
>> >>> > that doesn't.<br>
>> >>><br>
>> >>> I have said what I want to happen: I want a table with fixed headers<br>
>> >>> (i.e. headers that do not scroll off the screen when the table is<br>
>> >>> scrolled) and I want the table cells to auto size as a table will<br>
>> >>> normally do.<br>
>> >>><br>
>> >>> > BTW, your html has more than 30 errors, including this one:<br>
>> >>> ><br>
>> >>> > "Warning Line 32, Column 17: A table row was 3 columns wide, which<br>
>> >>> > is<br>
>> >>> > less than the column count established by the first row (4)."<br>
>> >>> ><br>
>> >>> > Correct that, and the columns may line up the way you'd expect. And<br>
>> >>> > please correct the other errors while you're at it, so that<br>
>> >>> > debugging<br>
>> >>> > is<br>
>> >>> > easier and we can provide better help.<br>
>> >>><br>
>> >>> I posted a small example showing the problem. The 'errors' have<br>
>> >>> nothing to do with the issue. But I have found out that by setting<br>
>> >>> display:block on the tbody, I essentially remove the “tableness”. So I<br>
>> >>> am SOL.<br>
>> >><br>
>> >><br>
>> >><br>
>> >><br>
>> >> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fjsfiddle.net%2F34Fd5%2Fshow%2F&charset=%28detect+automatically%29&doctype=Inline&group=0" target="_blank">http://validator.w3.org/check?uri=http%3A%2F%2Fjsfiddle.net%2F34Fd5%2Fshow%2F&charset=%28detect+automatically%29&doctype=Inline&group=0</a><br>
>> >><br>
>> >> If you're asking for help, you could at least double check your work to<br>
>> >> make sure there aren't easily fixable errors like writing 'aligh'<br>
>> >> instead of<br>
>> >> 'align' and not closing the div.<br>
>> >><br>
>> >> <a href="http://jsfiddle.net/34Fd5/23/" target="_blank">http://jsfiddle.net/34Fd5/23/</a> is this what you want?<br>
>> >><br>
>> ><br>
><br>
><br>
</div></div><div class="HOEnZb"><div class="h5">_______________________________________________<br>
Help mailing list<br>
<a href="mailto:Help@lists.whatwg.org">Help@lists.whatwg.org</a><br>
<a href="http://lists.whatwg.org/listinfo.cgi/help-whatwg.org" target="_blank">http://lists.whatwg.org/listinfo.cgi/help-whatwg.org</a><br>
</div></div></blockquote></div><br><br clear="all"><br>-- <br>Ian Bentley<br>
</div>