PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : CSS2 Menü


sixfriends
08-12-2003, 03:50
Hab da ein kleines CSS Menü geschrieben. Brauch jetzt aber die Hilfe der Community zum testen :D . Ich würde nämlich gerne wissen, auf welchen Browsern es funzt (Möglichst mit Browsername und -version), auf welchen vielleicht nicht und in letzterem Fall auch, was genau nicht geht (Möglichst mit Browsername, Browserversion und, wenn es euch nichts ausmacht, dem Inhalt der Div Box unten auf der Seite)

Die Daten von euren Besuchen werden nirgendwo geloggt, HTTP_USER_AGENT wird nur in der div Box angezeigt. :eek:

Hab es bisher selbst unter Mozilla1.5 und M$ IE6 getestet. Mich interessieren aber vor allem auch ältere Browser.

Und hier endlich die Adresse:
http://cip.uni-trier.de/cweber/menu.php

Danke schon mal an alle, die so nett sind zu helfen.
thx - sixfriends
Pingu
08-12-2003, 10:44
Hi,

also es funktionier mit

Mozilla/5.0 (Macintosh; U; PPC Mac OS X; de-de) AppleWebKit/85.7 (KHTML, like Gecko) Safari/85.5
Mozilla/5.0 (Macintosh; U; PPC Mac OS X; de-AT; rv:1.2.1) Gecko/20021130 Netscape/7.1
Mozilla/4.0 (compatible; MSIE 5.22; Mac_PowerPC)


Beim Safari (welches mein Standardbrowser ist und bei allen neuen Macs (Panther) ebenso) gibt es ein kleines Problem. Das Untermenü bleibt bestehen auch wenn man den Menüpunkt verlässt. Es verschwindet nur, wenn man übergeordneten Menü auf einen anderen Menüpunkt geht. Dies andere Verhalten bereitet mir auch schon Kopfzerbrechen.

Es funktioniert nicht mit
Mozilla/4.5 (compatible; OmniWeb/4.1.1-v424.6; Mac_PowerPC)

Wobei ich aber den Eindruck habe, dass gerade OmniWeb (zumindest meine Version, welche nicht die neueste ist) arge Probleme mit CSS und CSS2 hat.

Pingu

PS: Darf ich es auch als Ansatz für meine Firmenseite unter http://www.can-cia.org in Betracht ziehen? Ich bin zurzeit auf der Suche nach etwas CSS basierten. Ich habe auch schon verschiedene Ansätze aber keiner, der mich richtig überzeugt (entweder werden die Submenüs inline angezeigt, oder ich muß die genaue Position im vorhinein wissen, was beides keine Optionen sind). Wobei bei meinen Ansätzen die XHTML-Struktur eigentlich gleich aussieht.
Achso zurzeit basiert das Menü auf JavaScript (was ich eigentlich weg haben möchte) von http://phplayersmenu.sourceforge.net/ Was andererseits den Vorteil hat, man kann das Menü ganz einfach über ein strukturiertes Textfile pflegen. Was es für meine Mitarbeiter wiederum sehr einfach macht.
sixfriends
08-12-2003, 13:36
No prob. Bedien dich.

Was Safari angeht: Ich hab keinen Mac, also wird das mit dem testen auf diesen Browsern etwas schwierig werden, wenn es den nicht für Windows oder Linux gibt. Das gleiche gilt für OmniWeb. Werd mich mal umsehen, ob ich was entsprechendes finde und falls ja, versuch ich, extra Support dafür einzubauen.

Im Übrigen ist doch ein bischen JavaScript (oder genauer vielleicht JScript) drin, damit der Internet Explorer, der den css2 Tag li:hover nicht kapiert auch richtig läuft :rolleyes: .

sixfriends
anda_skoa
08-12-2003, 14:35
Ich hab mal gerade mit Konqueror 3.1.4 getestet, da scheints nicht zu gehen.

Muss aber erst noch mit JavaScipt testen.
Der Check von dir ist aber bischen gefährlich, document.all gibts bei KHTML auch, eher prüfen, ob getElementById nicht vorhanden ist?

Ciao,
_
peschmae
08-12-2003, 15:20
Opera 7.11: Das Menü erscheint

Habe aber ein kleines Problem mit Untermenüs: Der Zweite Menüpunkt ist nicht Anwählbar, da zwischen der Box für den Ersten und der für den Zweiten eine kleine Lücke ist - wenn ich über die Fahre, dann verschwindet das Menü:

----------------------
Text auf Level1 ohne Untermenu
-----------------------
<- Kritische Lücke
------------------------
Text auf Level1 mit Untermenu <- da komm ich nicht Hin
------------------------

ist bei allen Untermenüs so.

MfG Peschmä
sixfriends
08-12-2003, 22:07
Hab meine Pläne vorerst wieder mal über den Haufen geschmissen. Daher jetzt ganz einfach: Beim Hovern über den Text soll ein anderer erscheinen. Wenn das funzt bitte Name und Version des Browsers und das es gefunzt hat, wenn nicht Name, Version des Browsers, dass es nicht gefunzt hat und nach Möglichkeit den Inhalt der div Box.

thx

http://cip.uni-trier.de/cweber/menu.php

Sorry, dass ich bisher eure Zeit verschwendet habe ;)

sixfriends
Gaert
09-12-2003, 01:06
Hi!
Hat gefunzt:
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.5) Gecko/20031007 Firebird/0.7 // Netscape
peschmae
09-12-2003, 09:31
mol, das geht (Opera 7.11, Win2k) und Mozilla 1.4

MfG Peschmä
offe
09-12-2003, 18:20
geht nich :(
Mozilla/5.0 (compatible; Konqueror/3.1; Linux) // Konqueror
Lynx/2.8.4rel.1 libwww-FM/2.14 SSL-MM/1.4.1 OpenSSL/0.9.7b // :)

geht :)
Mozilla/5.0 (X11; U; Linux i686; de-AT; rv:1.4) Gecko/20030821 // Netscape
Mozilla/4.0 (compatible; MSIE 6.0; Linux 2.4.21-99-default i686) Opera 7.11 [en] // Microsoft Internet Explorer
Mozilla/5.0 (X11; U; Linux i686; de-AT; rv:1.4) Gecko/20030821 Epiphany/1.0 // Netscape


Offe
Berufspenner
09-12-2003, 18:41
Hi@all

Damit klappt es auch =>
Mozilla/5.0 (Windows; U; Windows NT 5.0; de-DE; rv:1.5) Gecko/20031007 Firebird/0.7 // Netscape

Cu
André
ohcibi
09-12-2003, 20:12
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1) // Microsoft Internet Explorer

also bei mir passiert gar nix.. weder unterstuetzt mein browser kein css noch ist der test erfolgreich wenn weiter unten nix steht....
peschmae
09-12-2003, 20:51
konqui 3.1.4 geht bei mir auch nicht :(

Dillo zeigt einfach alles an. Auch das Menü - immer.

MfG Peschmä
micha
09-12-2003, 22:12
Hi,

also Konqueror zeigt bei mir die Seite korrekt an:

Mozilla/5.0 (compatible; Konqueror/3.1; Linux) (KHTML, like Gecko) // Konqueror

Konqueror 3.1.94 (Using KDE 3.1.94 (3.2 Beta 2))


Gruß
micha
-Sensemann-
13-12-2003, 15:18
Ist das nun eine alternative zu Javascript?
peschmae
13-12-2003, 18:39
offenbar - zumindest für einige Sachen.

MfG Peschmä
-Sensemann-
13-12-2003, 19:12
Sagen wir es mal so,

80% der User sollen keine Probleme beim Benutzen der Seite haben.
Rantanplan
30-12-2003, 17:17
Hallo

Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.0.1) Gecko/20020903: funktioniert :)
Konqueror: 3.0.4/KDE 3.0.5: geht nichts :(

Wobei mir allgemein aufgefallen ist, dass der Konqueror arge Probleme vorallem mit div-Boxen hat. Also mach dir nix draus!

Es geht doch nix über Mozilla. :D

Guten Rutsch wünscht,
Rantanplan
sixfriends
30-12-2003, 20:43
Für die, die es interessiert, so hab ich es gelöst:
Ich lass von meinem php-Script den HTTP_USER_AGENT prüfen. Wenn dieser String den String "Gecko" enthält, dann funzen die Tags mit li:hover.

Ansonsten JavaScript (Hab jedes Element mit einer id versehen):
1. String enthält "MSIE":

<script language="JavaScript">
<!--
for (i=0;i<[AnzahlDerMenus];i++) {
document.getElementById(i).onmouseover = function() { this.className="hover";}
document.getElementById(i).onmouseout = function() { this.className=""; }
}
-->
</script>


2. Nichts von dem Zeug im String:

<script language="JavaScript">
<!--
for (i=0;i<[AnzahlDerMenus];i++) {
document.getElementById(i).onmouseover = function() { this.setAttribute("class", "hover");}
document.getElementById(i).onmouseout = function() { this.setAttribute("class", ""); }
}
-->
</script>


Danke für die Hilfe. Sixfriends
panzi
30-12-2003, 22:57
@Safari unter Linux
Safari == KHTML!!!
peschmae
31-12-2003, 10:02
Ja, aber die Apple-Entwickler haben selber auch noch an KHTML herumgebastelt. Gemerged wurde afaik noch nicht oder noch nicht vollständig.

MfG Peschmä
panzi
31-12-2003, 15:05
Original geschrieben von peschmae
Ja, aber die Apple-Entwickler haben selber auch noch an KHTML herumgebastelt. Gemerged wurde afaik noch nicht oder noch nicht vollständig.

MfG Peschmä

Im KDE CVS Digest (od. wie das heißt) steht oft "das und das von Safari nach KHTML gemerged" usw. drinn. Also in KDE 3.2 wird einiges gemerged und einiges unabhängig von Apple gefixed sein.
peschmae
31-12-2003, 17:25
ja, in 3.2 schon. Aber die meisten "normalen" Menschen benutzen noch 3.1.4. Ok, micha nicht.

MfG Peschmä