What I need to achieve: A CMS template provides a fix-sized <div> (height and width are px- based) in which I need to display arbitrary text entered by the user. Hence, if the full text doesn't fit into the <div> it needs to be cut off i.e. invisible. So, the <div> style will contain overflow:hidden. However, since the last line of visible text in the <div> must not be cut off horizontally I need to tinker with the line-attribute, right?
The inherited font-size for the <div> is 1em. I played around with the line-height value in 'em' until I could make sure that no pixel of the last visible line of text in the <div> is cut off. Then I switched browser/OS and got totally different results - line-heigths are always different. Am I using the wrong approach here? Is it even possible to achieve in CSS what the design folks require in their Photoshop layouts? Regards, Marcel -- Marcel Stör, http://www.frightanic.com Blog: http://frightanic.wordpress.com Skype: marcelstoer ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
