|
|
Posted by John Hosking on 03/26/07 18:50
Ingo Schmidt wrote:
> Hi everyone!
Hi Ingo!
> I created a menu purely based on CSS. The basic functionality is there,
Do you mean basic drop-down *menu* functionality, or is the code
supposed to do some other, unnamed tricks? Because if something is
supposed to happen with the long list of Gruppe link divs, I don't see
the connection. Likewise, the form seems unrelated. Neither the form nor
the links seem functional, so either they shouldn't be on your
simplified test page or I'm too simple to see the relevance (likely!).
> but I do have so many problems with the different browsers and I have
> absolutely no idea where to start looking. I hope someone here can help
> me. Here is a sample of the site:
>
> http://www.der-ingo.de/test/css-menu/rev1/index.php.htm
Hmm, php or htm? Can't decide; I'll do both. ;-)
> The problems I encounter are these:
>
> Firefox 1.5.0.11:
> - Menu entries are not full width. I don't see why.
I don't see what you mean. Full width of what? I don't see any clipping.
>
>
> Firefox 2.0.0.3:
> - Go to menu "Gruppenkalender", scroll right down, place the mouse 1 or
> 2 pixels below "Uni" and then click. How can I prevent this? How is this
> even possible?
I prevented it (whatever it is) by not having FF 2 on this machine. No
idea how "it" could be possible.
Firefox 1.0.7: Drop-downs appear when when I hover over "Benutzer",
"Gruppen", "Persönliche Kalender", or "Gruppenkalender", but disappear
when I stop hovering over those items. That is, the menus vanish when I
try to use them.
> Internet Exploder 5 and 6:
> Everything is totally f*cked up. Haven't looked into it, probably needs
> its own CSS file. Do not bother.
Problably needs its own HTML too. Do you know that IE pre-7 does not
support :hover on elements besides <a>? So your design using hovered
divs (e.g., .dropmenu:hover) won't work for these browsers.
IE6: Horizontal scrollbar on the page always present.
> Internet Exploder 7:
It's "Explorer". With an R instead of a D.
> Opera 9.10:
> - A horizontal scrollbar is always shown. You can scroll 1 pixel with
> it. Great. How do I prevent this?
> - Sometimes, not always, the menu already closes, even I am still
> hovering over the horizontal scrollbar.
> - In the Menu "Gruppen" or "Gruppenkalender" try to select the very last
> entry ("Uni"). What on earth is going on here?
Opera 7.23: Drop-downs appear when when I hover over "Gruppen" or
"Gruppenkalender" not when I hover over "Benutzer" or "Persönliche
Kalender". No vertical scrollbar for the over-long drop-downs.
Horizontal scrollbar on the page always present.
This might be related to the width:10000px you've placed on the
#navigationbar. I've only got 1280 pixels on my little screen. :-(
Netscape 7.1: Frame *outlines* of drop-downs appear when when I hover
over "Benutzer", "Gruppen", "Persönliche Kalender", or
"Gruppenkalender", but the actual menu items do *not* appear. There's
just an empty outline (with vert. scrollbars for 2 & 4) where a
drop-down list might be. The invisible items are clickable though!
> I am totally stuck. According to W3C Validator everything is 100% valid
> HTML and CSS.
Which only means you've got valid syntax.
> Any hints how I can get the browsers to do what I want? Is it at all
> possible to do a menu like this? JavaScript is absolutely not an option!
>
> Am I doing something horribly wrong or are the browsers just so messed up?!
Between the two of us, we have tested nine browsers, and your page works
in zero of them. What conclusions should we reasonably draw here? :-P
I would have started with a menu from Listamatic
http://css.maxdesign.com.au/listamatic/ and then, as needed, modified
this or that. One feature of the Listamatic site is a table of
compatibilities for the techniques used. Maybe start over, there?
HTH. Viel Glück!
--
John
Navigation:
[Reply to this message]
|