The goal is to provide a link to all attributes and elements, giving explanations, syntax, and examples, and to link to appropriate text associated with the intersection of an attribute and element. As a simple table, when I scroll the row/column headers scroll also. The result is that they scroll out of range and are not visible. I'd like to make the row and column names permanently visible and to link scrolling with the row and column.
I smart and lazy. If you've got a starting point - I'll use the 'smart' part of my personality. If you give me an answer, I'll use the lazy part of my personality. Either way, I win.
Using HTML 4.01 as a base for attribute and element names and definitions I constructed a complete table in Excel and then saved it as an HTML file. Neglecting all of the Microsoft (VML?) attributes, I have a table. The constructed code does not have table headers (<th> tags) only table data (<td> tags). When I scroll, everything scrolls (as expected). I did rotate column labels 90degress (vertical) but when I changed the <td>'s to <th>'s the text font and sizes changed (I'm working on this) but scrolling stayed the same.
You can break the "headers" into a table of their own...then put the data cells in a div and set the overflow:auto with a fixed height (could be percentage, just can't be auto) and then stack the 2 parts on top of each other.
I will certainly try this but does this solve the issue of syncing scrolling of column / row headers with data scrolling? I would to not have scroll bars appear in the headers but allow the header scrolling to to be synced with data scrolling (scrolling the data right/left scrolls the column headers right/left, scrolling the data up/down scrolls the row headers up/down)?