Wednesday, January 4th, 2006
CSS Quick Tip: overflow: hidden; and IE
<p>I have run into the same issue with three projects in a couple of weeks. The issue is a common one, and it comes out as IE not listening to your CSS dimensions.For example, take this blog. We commonly attach images to our posts, and what if we post a large image?
The rightbars could shift over unless we had the magic in there for IE:
overflow: hidden;
Mozilla would not need this, but would work out the fact that you probably don’t want your divs changing shape all the time, but IE will happily make way and break your entire layout.
So, remember to enforce your layout with overflow: hidden and friends.
Related Content:
2.7 rating from 19 votes
I’d rather see all your content, including the images, than a nicely laid out page with some of the content truncated.
So where is the tip then!
on I.E.
This works for me. Eversince IE is ….., better not to say.
LONGTEXTWITHOUTSPACESAREBADFORTHISSTYLELONGTEXTWITHOUTSPACESAREBADFORTHISSTYLELONGTEXTWITHOUTSPACESAREBADFORTHISSTYLELONGTEXTWITHOUTSPACESAREBADFORTHISSTYLELONGTEXTWITHOUTSPACESAREBADFORTHISSTYLELONGTEXTWITHOUTSPACESAREBADFORTHISSTYLELONGTEXTWITHOUTSPACESAREBADFORTHISSTYLELONGTEXTWITHOUTSPACESAREBADFORTHISSTYLELONGTEXTWITHOUTSPACESAREBADFORTHISSTYLELONGTEXTWITHOUTSPACESAREBADFORTHISSTYLE
What if adding overflow:hidden doesn’t stop the overflow in IE?
Brandon