Re: [css-d] h3 with layout is clearing a float in IE6
Thank you for the tips. The 1% Holly Hack worked great -- should have tried it earlier. Cheers, Lev On Thu, May 21, 2009 at 7:31 PM, David Laakso da...@chelseacreekstudio.com wrote: lev rickards wrote: We're trying to position a set of h3's and text next to a left-floated navigation list. Straight forward, right? However, we want the h3's to be clickable for some jQuery hide/reveals. We wanted the entire h3 background to be clickable, which in IE seems to require giving the headers hasLayout. Compare the results in FF and IE(6): http://sandbox.hgci2.net/ Any suggestions for overcoming this? Add float:right to the h3 styles and IE 6/7 should come on board (not tested). Too tight tolerance for the IEs. -- Dost thou reckon thyself only a puny form / When within thee the universe is folded? http://reference.bahai.org/en/t/b/SVFV/svfv-6.html __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] h3 with layout is clearing a float in IE6
We're trying to position a set of h3's and text next to a left-floated navigation list. Straight forward, right? However, we want the h3's to be clickable for some jQuery hide/reveals. We wanted the entire h3 background to be clickable, which in IE seems to require giving the headers hasLayout. Compare the results in FF and IE(6): http://sandbox.hgci2.net/ We gave the h3's hasLayout by specifying their width. As soon as the headers got layout, they jumped below the navigation list. If we remove layout by deleting the width specification, the header (and everything after) jumps back into the flow of their parent div. Why does this happen? Any suggestions for overcoming this? Ideal case: 1) all div#comparisons h3's have layout 2) everything within div#comparisons stays to the right of the navigation list. Note: the page appears to validate CSS/HTML. Thank you, Lev Rickards Office for Sustainability Harvard University http://green.harvard.edu -- Dost thou reckon thyself only a puny form / When within thee the universe is folded? http://reference.bahai.org/en/t/b/SVFV/svfv-6.html __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] h3 with layout is clearing a float in IE6
lev rickards wrote:
http://sandbox.hgci2.net/
Ideal case: 1) all div#comparisons h3's have layout 2) everything
within div#comparisons stays to the right of the navigation list.
Total width of h3 with padding and all is to large to fit, and IE6
doesn't handle overflow properly.
Easiest solution:
1: remove width references on all h3.
2: add...
#comparisons h3 {height: 1%; }
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
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/
Re: [css-d] h3 with layout is clearing a float in IE6
lev rickards wrote: We're trying to position a set of h3's and text next to a left-floated navigation list. Straight forward, right? However, we want the h3's to be clickable for some jQuery hide/reveals. We wanted the entire h3 background to be clickable, which in IE seems to require giving the headers hasLayout. Compare the results in FF and IE(6): http://sandbox.hgci2.net/ Any suggestions for overcoming this? Add float:right to the h3 styles and IE 6/7 should come on board (not tested). Too tight tolerance for the IEs. __ css-discuss [cs...@lists.css-discuss.org] 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/
