overflow: hidden in IE7?
I'm just curious - does overflow: hidden work in IE7? I am working on my ads and you have this format:
Description Line 1
Description Line 2
URL is one long, non breaking word. So, it can stretch out the column that it's in. So, I added overflow: hidden and it works great in Firefox... but not in IE7. I don't really know all that much, but I have been looking at it for a long while, doing some Googling, trying different things... and I just can't seem to get it to work.
So, I thought I'd ask to see if there was some sort of known issue or something. Took a look at the CSS FAQ and saw some stuff on overflow, but didn't know if it was that or not.
I appreciate it.
overflow: hidden; works in all browsers (if by 'works' you mean chopping off content that hangs outside the given dimensions) but you do need to set the dimensions, as in width: 100%; on the parent.
I wouldn't set overflow on the really long word - I would set it on the parent container.
If that makes no sense at all then i'll need to see the code you're working on.
As Mark said overflow should hide the content as long as there is a width for it to work on.
For IE browsers you could use word-wrap instead and force it to wrap at the containers edge.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
It won;t validate (yet) so its probably best hidden in conditional comments.
word-wrap:break-word;/* proprietary IE code (css3 proposed) */
If the problem is something else then we will need to see some code :)
Thank you Mark and Paul. I appreciate the assistance. :)
This has been sorted.