Category: XHTML/CSS
08/14/06
CSS: Fixing overflow: hidden in IE
Internet Explorer 6 for windows has been giving me a hard time with expanding fixed width or fixed height boxes (divs) in the most non standard fashion...
The trick would be to apply overflow: hidden to the div to force the browser to hide any excessive content (text, images) instead of expanding the container. But IE6 will not always do as told... ![]()
I found out today that the trick with IE, is to apply a fixed width or height property to the same container (div) as the overflow property, and then, IE will always crop the contents as expected.
Note: you can specify widths and heights in ex, em or % (not just px). So it's only "fixed" in a relative manner.
PS: In some cases, you may want to consider the non standard IE CSS property word-wrap: break-word; This will break words too long to fit into the fixed width. IE only and non standard...
03/14/03
htmlArea
Link: http://www.interactivetools.com/products/htmlarea/
Turn any <textarea> into a WYSIWYG editor.