Sent by Adam Ducker on 11 July 2008 02:02
Kelly Moore wrote:
> I have a sub-section to my navigation tabs which looks fine in FF, but
> is waaay to tall in IE. any ideas? am I doing something weird with
> my divs?
>
> here is a sample:
>
> http://yakmaster.net/test/faq.html
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
Kelly:
First of all remove '<?xml version="1.0" encoding="UTF-8"?>' from the
top of the code. This is blowing the doctype away in IE 6.
Secondly, #banner_container is floating, and #sub is not, so you can
either set #sub to float, or say "clear: both;" to get it to drop down
to the bottom edge of #banner_container
Third, a similar issue is there because of the floating
#banner_container. IE and Firefox differ on how they handle the height
of objects with floating objects inside them. A floating object however
will expand based on the floating objects inside it in all browsers, so
you should experiment with these, or set fixed heights up there in the
navigation to get around it.
Fourth, it looks like there is heavy whitespace around the "<!-- end
tabs -->" and '<div id="sub">' section which was causing me some hassle
in IE 7.
Maybe that will send you in the right direction....
-Adam Ducker
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
