Alan Gresley wrote: > Karl Bedingfield wrote: >> Hi all, >> >> I have coded a template in which I am having some problems with IE6. >> It is only the navigation that does not play fair in IE6. Everything >> else seems fine (apart from jcycle - but that's another group!) . >> >> Here is my link: http://www.nuveautek.com/beta/ >> >> This is my navigation CSS: http://paste-it.net/public/pe23beb/ >> >> What might I be doing wrong for IE6 to go wobbly? :) > > > Hello Karl, IE6 is really having trouble. You have several bugs happing > at once. I don't understand why IE7 is not affected. > > For IE6, provide this CSS so those anchors don't gain hasLayout and IE6 > will fall into line. > > * html ul#mainNav li a:hover { > height: auto; > } > * html ul#mainNav li.here a { > height: auto; > }
Ok, got IE6 all sorted out. All list elements have been replaced by divs for testing but the fix and behaviour works with the normal list elements. The bug expands the first child item to a width of 100% causing the remaining items to drop and that odd wobbly behavior when hovering the later links. <http://css-class.com/x/ie6-haslayout-extra-width-list1.htm> Out of interest, the absolutely positioned header is brought into view by giving the floated element padding-right of 3px or more. #mainNav { padding-right:3px; } <http://css-class.com/x/ie6-haslayout-extra-width-list1b.htm> A better fix is to *only* put the width on the lists, #mainNav li { height: 26px; } and add this for IE6. * html #mainNav a:hover { height: auto; background-color:black; } Firstly to remove hasLayout which causes the expansion of the first link and secondly to give the the link a full background since IE6 does not support hover for list (li:hover), only anchors (a:hover). Like this. <http://css-class.com/x/ie6-haslayout-extra-width-list2.htm> -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ css-discuss [[email protected]] 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/
