Written by Harry Roberts on CSS Wizardry.
*The tips are simple, not Steve and Jon.
The first, which Steve alerted me to, is
rowspan="0" which basically just makes the cell (
<th>) to which it is applied span all the columns/rows between itself and the end/bottom of the table respectively.
I tweeted about how cool this was when Jon replied with info about
rowspan="100%" which is similar to the above but instead of meaning ‘the rest of’ it just means ‘all of’. This is great if you want a cell to always span the whole width/height of a table but you don’t always know how large that table will be.
As far as I can tell Firefox is the only browser that supports
[col|row]span="0" but all browsers seem to support
[col|row]span="100%". I’ve not been able to do any more thorough browser testing but if anyone can feed back that’d be great!
Hi there, I’m Harry. I am an award-winning Consultant Front-end Architect, designer, developer, writer and speaker from the UK. I write, tweet, speak and share code about authoring and scaling CSS for big websites. You can hire me.
I am available for hire to consult, advise, and develop with passionate product teams across the globe.
I specialise in large, product-based projects where performance and CSS scalability and maintainability are paramount.