Hope you can help me with this. I want to limit a table cell height to only one line of text. My example below does not work - any height on td is simply ignored if content is long.
Problem here (according to for instance http://annevankesteren.nl/2004/01/css-tables ) is that CSS specification requires table cell to expand to a minimum height of the containing content. So my question is: How is this solved in for instance GMail where content i only one line high (and additional overflowing content is hidden). Please share your thoughts on this, and if you could point me to any information on how to solve this. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en"> <head> <title></title> <style type="text/css"> table{ width:300px; border:1px dashed red; } td{ vertical-align: top; background-color: #dfc; height: 10px; /* table cell does not obey this height */ display: block; } </style> </head> <body> <p>I want table row to be the height of 1 text line.</p> <table> <tr> <td>1. start cell not much content</td> <td>2. second cell has insanely long content that I know will always wrap</td> </tr> </table> </body> </html> Any help appreciated, Jesper -- Jesper Rønn-Jensen Capgemini Danmark A/S http://justaddwater.dk/ (weblog) ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
