Scrolling message list obscures column headers

[willm23]

On the message list page, the scrollbar for the message list scrolls the entire table, including the column headers.

Suggest that the correct behaviour would be to leave the column headers and scroll the message rows themselves?

[roundcube]

Logged In: YES 
user_id=1262041

This would be the best but I have no idea how to achieve
this with CSS. Any suggestions?

[moenm]

Logged In: YES 
user_id=1053168

Normally you can use position:fixed Which I tried in the
skin, but it caused the layout to break.

Having spent some time with your code, you may want to add a
roundcube tag for message list headers. Then you can move
them outside the div that holds the list.

[roundcube]

Logged In: YES 
user_id=1262041

You can't separate the header from the rows because it's one
table which is scalable. There's no way to ensure that the
headers till fit the rows when resizing the window if
they're not in ONE table.

[Lou]

There are ways to scroll table bodys without scrolling table headings. We're fortunate that the table is structured appropriately. Unfortunately I haven't seen a method that is fully cross-browser yet. I'm going to attempt a few methods of achieving this in a graceful way over the next few days.

[Lou]

We could adopt the Pushpin header technique at http://codylindley.com/CSS/249/pushspin-header-a-simplified-data-grid-with-a-stationary-header. It requires two divs surrounding the table but not much else and the CSS is pretty clean. It may have a side effect in Safari but needs to be examined closely against the latest Safari builds to be sure.

Are we still interested in this?

[jpingle]

I'd be interested in seeing this. Not that it's a huge inconvenience, but it would be nice to have, especially if one uses a large per-page message count.

[moc]

I fixed this ticket maybe not in elegant way but it should work. I tested ti with IE7 and FF. See the attached patch.

[thomasb]

Move to next milestone :-)

[thomasb]

Wait for client-rewrite with jQuery