shadowayex Posted February 2, 2009 Share Posted February 2, 2009 div.hidden {height: 0px; overflow: hidden; visibility: hidden;} overflow: hidden; won't hide the elements inside <div> when viewing in IE7. It works in Firefox (and probably any other browser), but of course IE has to be difficult. Is there any way to do this without setting every element's overflow to hidden? Link to comment Share on other sites More sharing options...
shadowayex Posted February 3, 2009 Author Share Posted February 3, 2009 No one? This is really annoying.Every fix I've tried failed. There's no position: relative on any of the children. wordwrap: break-word did nothing. And I don' know how to go about applying the formatting to all the children. Can anyone help me? Link to comment Share on other sites More sharing options...
Jerry62704 Posted February 3, 2009 Share Posted February 3, 2009 div.hidden {height: 0px; overflow: hidden; visibility: hidden;} overflow: hidden; won't hide the elements inside <div> when viewing in IE7. It works in Firefox (and probably any other browser), but of course IE has to be difficult. Is there any way to do this without setting every element's overflow to hidden? Overflow doesn't hide things in the div. It's purpose is to deal with things that extend beyond the div.The "visibility" will hide things within a div, but it still allows them to take space. If you don't want that, then use "display:none" and the space is reclaimed. These work with FF and IE. Link to comment Share on other sites More sharing options...
shadowayex Posted February 6, 2009 Author Share Posted February 6, 2009 Ok works in FF and IE8, haven't tested 7 but I'm sure it'll work. Thanks. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.