David Bailey wrote: > Something I was unaware of was that you can float a div as well as > position it relatively! I notice that relative positioning doesn't > have any position stated - is that because it is floated? Can you > explain what is actually happening (or point me to somewhere that I > can come to grips with this concept?
Relative positioning adds a few factors to the mix. 1: the element becomes a reference/base for absolute positioned children. 2: the element can be visually offset, something I haven't made use of so no positions are needed. 3: the element can be stacked out of order (towards foreground or background) relative to other elements. That's not needed either in this case, so no z-index. 4: most of IE6's stacking bugs are counteracted, stabilizing the element visually in old IE. This is not a universal cure for IE6's bugs, so each case must be well tested to make sure other IE bugs are not triggered. > I can see also, that the relative positioning allows the image to > then be absolutely positioned at the bottom of the #rightColumn > (something I was having trouble with when I tried to absolute > position the image in the first place). That's what I used it for, see 1: above. >> Also included min-width fix for IE6, in case you want that. > Thanks for that--most useful. Is there anywhere I can find out an > explanation of what you have done here? See: <http://www.gunlaug.no/contents/wd_additions_14.html> > The real problem I have with the menu bar in IE and the fact that I > have to stipulate a width for each menu item in pixels rather than > auto is that in order for the text to fit with reasonable spacing > between each menu item, I have to give it 100px width. Unfortunately, > this creates the problem of the menu bar dropping a line when the > window is narrowed or viewed at 800x600. > Is anyone able to supply any kind of solution to this? In the 'menu_ie.css' stylesheet add/change to... ul#cssmw li { margin: 0 4px 0 0 ;} ul#cssmw li span a {width: 10px;} #navbar {margin-left: 18%;} ...and things will improve a bit at normal font size in IE6. Font resizing will cause drop at narrow width in all browsers, and there's no use trying to avoid/prevent that. The above works in IE6 because that browser has no respect for declared dimensions and will expand the li until the content fits inside. Usually that buggy behavior causes problems, bet here we're turning that bug to our advantage. 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/
