Comments for Miriam's Blog http://salzerdesign.com/blog music, tech, and miscellaneous stuff Thu, 17 May 2012 17:28:23 +0000 hourly 1 http://wordpress.org/?v=3.3.1 Comment on Don’t Mess With Tables – Pure CSS Fixed-Header Left-Aligned Tables by Miriam http://salzerdesign.com/blog/?p=191#comment-2064 Miriam Thu, 17 May 2012 17:28:23 +0000 http://salzerdesign.com/blog/?p=191#comment-2064 The link appears to be to normal CSS for the appearance of the table. What this post is about is fixed-header tables where the table and it's contents are of variable width but the height is limited. The link appears to be to normal CSS for the appearance of the table. What this post is about is fixed-header tables where the table and it’s contents are of variable width but the height is limited.

]]> Comment on Don’t Mess With Tables – Pure CSS Fixed-Header Left-Aligned Tables by zvi http://salzerdesign.com/blog/?p=191#comment-2060 zvi Thu, 17 May 2012 09:56:59 +0000 http://salzerdesign.com/blog/?p=191#comment-2060 Great collection of pure CSS tables, http://csstablegenerator.com/css-table-design/0/all/ Hope it will help you. Great collection of pure CSS tables, http://csstablegenerator.com/css-table-design/0/all/
Hope it will help you.

]]> Comment on Don’t Mess With Tables – Pure CSS Fixed-Header Left-Aligned Tables by Miriam http://salzerdesign.com/blog/?p=191#comment-1507 Miriam Fri, 10 Feb 2012 02:12:23 +0000 http://salzerdesign.com/blog/?p=191#comment-1507 I'm glad it saved you frustration, that's always good to hear! I’m glad it saved you frustration, that’s always good to hear!

]]> Comment on Don’t Mess With Tables – Pure CSS Fixed-Header Left-Aligned Tables by Greg http://salzerdesign.com/blog/?p=191#comment-1502 Greg Thu, 09 Feb 2012 19:32:14 +0000 http://salzerdesign.com/blog/?p=191#comment-1502 This worked beautifully for me. Thank you solving a needlessly frustrating problem. This worked beautifully for me. Thank you solving a needlessly frustrating problem.

]]> Comment on Fixed Table Headers with wide non-breaking content by Don’t Mess With Tables – Pure CSS Fixed-Header Left-Aligned Tables | Miriam's Blog http://salzerdesign.com/blog/?p=242#comment-1238 Don’t Mess With Tables – Pure CSS Fixed-Header Left-Aligned Tables | Miriam's Blog Sun, 11 Sep 2011 05:56:14 +0000 http://salzerdesign.com/blog/?p=242#comment-1238 [...] Horizontal scroll bars or really long non-breaking content breaks it (as well as most other methods of making a fixed-header table). (See full post.) [...] [...] Horizontal scroll bars or really long non-breaking content breaks it (as well as most other methods of making a fixed-header table). (See full post.) [...]

]]> Comment on Don’t Mess With Tables – Pure CSS Fixed-Header Left-Aligned Tables by Miriam http://salzerdesign.com/blog/?p=191#comment-1162 Miriam Fri, 26 Aug 2011 04:13:31 +0000 http://salzerdesign.com/blog/?p=191#comment-1162 Unfortunately, I don't have a fix for that. See this post on <a href="http://salzerdesign.com/blog/?p=242" rel="nofollow">Fixed Table Headers with wide non-breaking content</a> . I had hoped to have more time on it, but haven't had a chance. Most of the alternative methods of fixed-header tables also have problems with a horizontal scroll bars. I will update the "cons" on this post though! Unfortunately, I don’t have a fix for that. See this post on Fixed Table Headers with wide non-breaking content . I had hoped to have more time on it, but haven’t had a chance.

Most of the alternative methods of fixed-header tables also have problems with a horizontal scroll bars.

I will update the “cons” on this post though!

]]> Comment on Don’t Mess With Tables – Pure CSS Fixed-Header Left-Aligned Tables by DB http://salzerdesign.com/blog/?p=191#comment-1154 DB Wed, 24 Aug 2011 16:08:12 +0000 http://salzerdesign.com/blog/?p=191#comment-1154 This technique works great, except for one thing. It doesn't work with a horizontal scroll bar, it only has a vertical scroll bar. Is it possible to have a pure css locked header solution with horizontal and vertical scroll bars on the table? This technique works great, except for one thing. It doesn’t work with a horizontal scroll bar, it only has a vertical scroll bar. Is it possible to have a pure css locked header solution with horizontal and vertical scroll bars on the table?

]]> Comment on Don’t Mess With Tables – Pure CSS Fixed-Header Left-Aligned Tables by Miriam http://salzerdesign.com/blog/?p=191#comment-1066 Miriam Fri, 29 Jul 2011 03:34:33 +0000 http://salzerdesign.com/blog/?p=191#comment-1066 Thank you! Glad it's helpful! Thank you! Glad it’s helpful!

]]> Comment on Don’t Mess With Tables – Pure CSS Fixed-Header Left-Aligned Tables by Chris http://salzerdesign.com/blog/?p=191#comment-1065 Chris Thu, 28 Jul 2011 11:08:07 +0000 http://salzerdesign.com/blog/?p=191#comment-1065 This was exactly what I needed for a project I'm working on at the moment, excellent approach and really elegant solution to a common problem - thanks so much for sharing it! :) This was exactly what I needed for a project I’m working on at the moment, excellent approach and really elegant solution to a common problem – thanks so much for sharing it! :)

]]> Comment on Don’t Mess With Tables – Pure CSS Fixed-Header Left-Aligned Tables by Miriam http://salzerdesign.com/blog/?p=191#comment-895 Miriam Sat, 11 Jun 2011 04:54:24 +0000 http://salzerdesign.com/blog/?p=191#comment-895 Thanks Victor! I added that to the demo page but instead of replacing spaces with underscores I added "white-space: nowrap;" to the CSS. I also added a little padding-right. One caveat - all these solutions break if the combined header text is too wide to fit the width of the table without wrapping. So if these headers have lengthy mystery content then watch out! (Also, I haven't tested this in IE yet.) Thanks Victor! I added that to the demo page but instead of replacing spaces with underscores I added “white-space: nowrap;” to the CSS. I also added a little padding-right.

One caveat – all these solutions break if the combined header text is too wide to fit the width of the table without wrapping. So if these headers have lengthy mystery content then watch out! (Also, I haven’t tested this in IE yet.)

]]>