Overflow problems in Internet Explorer
Internet Explorer and the Expanding Box Problem is a thorough dissection of bugs that can occur with oversized content in Internet Explorer for Windows.
The particularly nasty thing about bugs caused by Internet Explorer’s inability to let oversized content overflow is that they often do not show up until after the site has been handed over to the client. That’s when content of all shapes, forms and sizes gets poured into the templates, breaking the layout in IE/Win.
Fortunately there are a couple of workarounds which are also explained in this article at Position Is Everything: word-wrap: break-word and overflow: hidden.
- Previous post: Popup-free form help
- Next post: Fixing the dirify function in Movable Type
Information, sponsorship, and externals
About the author
Roger Johansson is a Swedish web professional specialising in web standards, accessibility, and usability. More about me and this site.
Latest articles
- Validation statistics from Nikita the Spider Comments off
- An analysis of the sites crawled by the bulk validation tool Nikita the Spider during March 2008.
- Authentic Jobs API and Affiliates program Comments off
- The Authentic Jobs job listing service now has a public API and an affiliate program.
- What does Acid3 mean to you and me? Comments off
- Opera and Apple have announced that their web browsers pass the Acid3 Browser Test, but how will that help web designers and developers?
- Designing Web Navigation (Book review) Comments off
- Learn the fundamentals of navigation design and design better navigation systems for large and small sites as well as for web based applications.
- DOMAssistant bundle for TextMate Comments off
- To save keystrokes and speed up development I have created a DOMAssistant bundle for TextMate.
- First impressions of Internet Explorer 8 Beta 1 Comments off
- My impressions after trying out Internet Explorer 8 Beta 1 for a couple of days.
Comments
Sadly, however many things I tried, the PRE element ALWAYS expands around its content...
Har, just struggled with this very story preparing my site's relaunch ;)
My standard fix has always been "overflow: hidden"... I'd never heard of word-wrap: break-word (sheepish grin)
In addition to the suggested solutions; most overflow-cases can be worked around with 'float' and a solid dose of 'negative backside margin'.
Sorry, comments are closed for this post.