Sent by francky on 29 December 2005 02:02
Hi all,
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
accessible).
@1:
When Tony's code is placed in a IE * html-hack, FF will react as before,
I think.
But for me *the major problems stay*:
- Paul's model doesn't work in Opera! See screenshot 1
<http://home.tiscali.nl/developerscorner/css-discuss/images/paulwalker-sshot-Opera.png>.
- When a visitor likes or needs to enlarge the font in his/her browser,
the layout is not resistant. See screenshot 2
<http://home.tiscali.nl/developerscorner/css-discuss/images/paulwalker-sshot-FF800x600-2fontsizesSmaller.png>
and screenshot 3
<http://home.tiscali.nl/developerscorner/css-discuss/images/paulwalker-sshot-FF1280x1024-2fontsizesBigger.png>.
@2:
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
<http://home.tiscali.nl/developerscorner/css-discuss/berkeley-francky.htm>,
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
<http://home.tiscali.nl/developerscorner/css-discuss/images/berkely-valid-in-Opera.png>.
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
navigation/menu-structure.
I hope I can concretisize this in a testpage, over a few days.
So long!
francky
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
