IE and overflow: auto
As you may of noticed, I’ve been having some problems with the @overflow@ property and IE. Simply put, overflow should define how content outside the displayable area is handled. Using the auto value should display scrollbars when required – and this works perfectly on Mozilla. On IE however I couldn’t get it to work at all.
The problem is seems is that IE isn’t bright enough to work out the width of the on screen element – if I give my pre blocks a width (which I can now do with a fixed-width layout) it correctly displays horizontal scrollbars and stops playing havoc with my layout. Its not all plain sailing however – when it adds the horizontal scrollbar, it doesn’t correctly resize the pre, and therefore also displays vertical scrollbars! Oh well, such is life…
This entry was posted on Monday, April 19th, 2004 at 1:49 pm and is filed under Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.
4 Responses to “IE and overflow: auto”
if you know how much of the screen it will NOT occupy (e.g. you’ve got 200px margins on each side) you can use
It’s ugly, but it works…
Great tip – thanks Farlukar! In the end, I just assumed a fixed width for pre blocks, and IE correctly displays scrollbars, but your tip will be very useful if I go back to a liquid layout.
i absolutely love you for that code!!! ahh ! lol absolutely great tip…i feel so stupid that i didn’t think of it haha =D
heh – new layout ate the pre tag…
Have your say
Fields in bold are required. Email addresses are never published or distributed.
Some HTML code is allowed:
URIs must be fully qualified (eg: http://www.domainname.com) and all tags must be properly closed.
Line breaks and paragraphs are automatically converted.
Please keep comments relevant. Off-topic, offensive or inappropriate comments may be edited or removed.