shawn herrin wrote:
> Thank you so much for the reply. Unfortunately, i'm not sure I understand
> what you are suggesting. If it's not too much trouble, could you elaborate
> a bit?
>
> Thanks again,
> Shawn
>
> On 1/5/06, Ingo Chao <[EMAIL PROTECTED]> wrote:
>> shawn herrin wrote:
>>> Hi there,
>>>
>>> I have been working on mixing son of suckerfish dropdowns with
>>> explodingboy.com's css menus.
>>>
>>> I'm having a problem with IE positioning.
>>>
>>> Working version - http://viewwerx.com/dev/menu/menus.html
>>>
>>> Broken version - http://viewwerx.com/dev/menu/menusiebug.html
>>>
>> The current li:hover sets left:auto for the a.p. ul.SecondlevelMenu, but
>> IE needs an actual position like left:0, therefore, the li should
>> establish a containing block for this a.p. ul via position:relative.
>>
... bottom-posting ... please ...
IE has problems with absolutely positioned (a.p.) elements that have no
offset (top left right bottom). You are setting left: auto for the
hovered (visible) state of the menu.
Your a.p. element with left:auto should take the same position on the
page a non-positioned, static element would have.
For illustration, I've compiled some notes on this static position
problem in IE6 (1).
IE cannot do it right when the a.p. element without auto offsets follows
a float (in your case, a.TopLevelMenu).
#navred li {
float: left;
...
}
#navred li ul {
...
position: absolute;
left: -999em;
...
}
#navred li:hover ul, #navred li li:hover ul, #navred li li li:hover ul,
#navred li.sfhover ul, #navred li li.sfhover ul, #navred li li
li.sfhover ul {
left: auto;
}
My suggestion for a fix is to add position:relative on this specific li
that holds the ul and left:0; to the specific hovered ul.
I didn't test it locally, just poking, so more adjustments might be
necessary.
Hope this helps.
Ingo
(1) http://www.satzansatz.de/cssd/apstaticposition.html
Comments and corrections appreciated.
(x) err, where are the '[' and ']' on this white keyboard? Migrating is
not that easy.
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
