position: absolute; width: 100%, IE width not 100%
Sent by francky on 29 December 2005 02:02
Allison wrote (28-12-05 19:48), resumé:
1> ... Paul's code + Tony's fix breaks FF: horizontal scrollbar to much
& top <div> to short.
and before (28-12-05 18:07):
2> ... [berkeley-site:] I got everything working in FF & Opera without
having to change the nesting of the lists (thus, keeping it more
When Tony's code is placed in a IE * html-hack, FF will react as before,
But for me *the major problems stay*:
- Paul's model doesn't work in Opera! See screenshot 1
- When a visitor likes or needs to enlarge the font in his/her browser,
the layout is not resistant. See screenshot 2
and screenshot 3
It happened that the html-validator showed some errors in placing the
<ul>'s of the submenu's within the <li>'s of the menu...
I corrected this in a berkely-testpage
in order to see if I could manage to get Tony's fix to it (and to steal
the code in order to get Paul's model working in Opera).
But ... only with corrected html, nothing changed: if the <ul>'s and
<li>'s are in the correct w3c-way, now Opera goes vertical in the
Berkely-model (just as in Paul's case)... screenshot 4
My conclusion: it is extremely hard (if not impossible) to satisfy IE,
FF and Opera together in a liquid horizontal nested menu-structure. And
the next step: what about other browsers?
- I agree with Allison: a working model stays welcome!
As a work-around I fall back to my suggestion to split up the menu in
equally ranked <ul>'s for the (sub)submenus, which have visually the
same layout and functionality.
In order to get it as accessible as possible, I think that can be
realised without to much trouble: by making a second
I hope I can concretisize this in a testpage, over a few days.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
- position: absolute; width: 100%, IE width not 100% - Paul Walker, 21st December 2005 02:27
- position: absolute; width: 100%, IE width not 100% - Ingo Chao, 23rd December 2005 16:07
- position: absolute; width: 100%, IE width not 100% - francky, 26th December 2005 08:04
- position: absolute; width: 100%, IE width not 100% - francky, 28th December 2005 01:14
- position: absolute; width: 100%, IE width not 100% - Allison Bloodworth, 28th December 2005 17:11
- position: absolute; width: 100%, IE width not 100% - francky, 2nd January 2006 21:28