Aaron Roberson wrote: > I have cutomized a jumpstart template from Community MX and everything > is looking great in Firefox, but with two little caviets in IE6. > > The sample web page: > http://www.whitehorsemedia.com/test.cfm > > In IE there is a space between the header and the main navigation bar > (horizontal) as well as between the footer and the repeated navigation > just above it. >
Hi Aaron, The gap is there due to the image inside the <a> element inside the masthead div. The original Inverness JumpStart has a background image there, so that's why it doesn't display this problem. An image is inline content, so it displays on the baseline of the linebox it's in. That means that there is a gap below the image to leave room for potential text descenders (like the tail on the "y") that could potentially sit in the same linebox with the image. To fix it, you can either apply "vertical-align: bottom" or "display: block" to that image. Block might be problematic because it's inside an <a> element, and IE often doesn't like that, but try it and let us know how it goes. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
