Roman Rudenko wrote:
On Thu, 05 May 2005 11:29:35 -0700, Gamaiel Zavala <[EMAIL PROTECTED]> wrote:
As far as I can tell the root of the problem has to do with floated divs being taller than other content on the page. When this happens, container borders disappear and are also rendered in places where they shouldn't be. This bug only rears its ugly head in IE (5.5 & 6 tested), moz browsers are fine. Because a picture is worth a thousand words, here are two URLs with the problem:
http://beta.geog.ucsb.edu/ http://beta.geog.ucsb.edu/academics/grad.php (click housing on right)
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp
It is a really good idea to make sure that boxes which hold floats got hasLayout on in MSIE. hasLayout is triggered by presence of height or width, and lack of it on float containers will cause strange bugs. So, here is a hack - MSIE gets really low height for wrapper blocks (which is promptly expanded due to IE height treatment bugs), hasLayout is now on, MSIE is happy (until time comes for another sacrifice), other browsers don't care since they properly ignore * html selector.
* html #outerborder, * html #innerborder {height: 1%; }
Roman.
Thanks go out to Roman for providing the fix! But unfortunately this introduced a new problem in IE... now there are extra right margins (or maybe padding) on several of the divs (only on the homepage). This problem seems a bit more tame than the last so hopefully there's an easy fix. http://beta.geog.ucsb.edu/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
