Joe Barrett wrote:
> http://download.thelenad.com/mathall/interiors.html
>
> First, this page is actually embedded in an iframe so when it's full
> view, the pop up menus on the right side of the page, "Browse our
> Featured Brands," will not line up, but my problem is the fact that I
> can only get the left column to pop out and not the right column in
> IE6. Otherwise both columns work in Safari, Firefox, and IE7.
1: you're positioning the flyouts relative to the body and with 'em', so
it is only by chance that those flyouts will end up where you want them.
Any window-size and/or font-size deviation from your ideal will make it
break.
2: You're also using 'position: fixed' which IE6 doesn't understand at all.
Also: 'fixed' will not line up with anything but the browser-window
since that's what 'fixed' mean - making the line up even more
"chance-like" in any browser at the user-end.
3: You're also triggering the "em font-resizing bug"[1] in IE/win, which
adds to the problems mentioned above - apart from risking oversized or
extremely small and unreadable text in all (present) IE/win versions.
Those flyouts _must_ be positioned relative to the element/container you
want them to line up with. That's probably best done by declaring
'position: relative' on the parent - the relevant <li>, and 'position:
absolute' with only a small 'left' value on the relevant flyout.
regards
Georg
[1]http://www.gunlaug.no/contents/wd_additions_13.html
--
http://www.gunlaug.no
______________________________________________________________________
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/
