CSS Drop-Down-Menü? Inkompatibel???!!!

I

iTob

Aktives Mitglied
Thread Starter
Dabei seit
23.02.2005
Beiträge
506
Reaktionspunkte
38
Hallo,

nach dem ich es nun endlich geschafft hab auf der folgenden Seite ein schickes Drop-Down-Menü zu basteln, stelle ich ärgerlicherweise fest, dass Safari der einzige Browser is, der es richtig darstellt.
FF nich, iE nich, Netscape nich.. Opera so einigermaßen...

Die Vorlage, nach der ich gearbeitet habe, funktioniert in allen Browsern, mit denen ich getestet habe...

Hier die Seite
Hier das Stylesheet
und hier die Vorlage

Wo liegt mein Fehler...?? ich habe meines Wissens nach nur Farben und positionen geändert...
Kann wer helfen?

Danke schon mal...
iTob
 
Also bei mir mit FF(Windows XP Prof) funktionierts...
 
Wie genau denn? Klappen die Untermenüs nacheinander aus oder siehst du gleich alle drei Ebenen...? So isses bei mir... im FF.. das is aber blöd, weil sich die zweiten Ebenen dann überlagern...
 
Validation 23 Fehler!
 
Woher hast du diese Zahl?...

Ich habs da: machen lassen und keine Fehlr.. zumindest nicht beim aktuellen STylesheet..
die Probs bestehn aber weiterhin...
 
iTob schrieb:
Woher hast du diese Zahl?...

Ich habs da: machen lassen und keine Fehlr.. zumindest nicht beim aktuellen STylesheet..
die Probs bestehn aber weiterhin...
Zum Vergrößern anklicken....

http://validator.w3.org

Das meiste ist nur Kleinkram, bis auf diesen Fehler hier.

Line 23, Column 11: ID "BOTTOM" already defined

Zweimal die ID vergeben!
 
Da liegt der Fehler
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
Deine Seite läuft im Quirksmode

Die Site, von der du das Menü hast, läuft im "Full Standards Mode" und hat diesen Doctype
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
		"http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 
Zuletzt bearbeitet:
  • Gefällt mir
Reaktionen: iTob
Ich danke dir sehr UDH5... das löst das Problem :-D
 
Jetzt hast du allerdings 83 Fehler. Mal abgesehen von den bereits erwähnten.
Code: 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<html>
Entweder das <html> weg, oder du nimmst einen anderen Doctype, z.B.
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
		"http://www.w3.org/TR/html4/loose.dtd">  
<html>
Damit gehts auch - dann dürften es wieder 23 Fehler sein. Das Enscheidende ist die zweite Zeile, die darf nicht fehlen, das Menü funktioniert nur richtig im Standards Mode.
 
Oops, Failed validation, 118 Errors. Tu den MU den Gefallen und tu was dagegen - du lernst viel dabei; Strict ist kein leichtes Brot, nimm den anderen Doctype. Ich danke dir für das "Danke", aber wär doch blöd, wenn ich dir mit dem Tipp einen Bärendienst erweise.
 
Zuletzt bearbeitet:
ach... so macht das keinen Spaß :)... ICh dachte, ich könnte mit Inhalten anfangen.. nagut ich werd da nochmal gucken...

Danke nochmal!
 
iTob schrieb:
ach... so macht das keinen Spaß :)...
Zum Vergrößern anklicken....
Ich wollte dich jetzt aber nicht frustrieren. Viele der Fehler entstehen dadurch, dass der Dokumententyp xhtml-Schreibweise verlangt und einen Fehler meldet, wenn er html-Schreibweise vorfindet. z.B. verlangt er bei inhaltlosen tags leerzeichen + slash am ende, also <br /> statt <br>, <img ... /> statt <img ... >. D.h. wenn du den passenden Doctype wählst, dann sind das keine Fehler mehr. :D Mit den Inhalten geb ich dir recht, die sollten das wichtigste an der Website sein.
 
So ich hab jetzt nochmal ein bisschen gebastelt und bekomme bei der Validation noch vier Fehler...

Zwei davon sind, weil ich im Javascript die Funktion if(a < b) er denkt, das < sei ein Start-Tag...
Kann ich diese beiden Fehler ignorieren?

Bei den anderen beiden Fehlern beschwert er sich, dass ich ein <img /> an dieser Stelle nicht platzieren dürfte...
Warum nicht...

Hier is der aktuelle Quellcode...

Danke nochmal,
iTob
 
1. Nimm mal die px in den Grössenangaben der Bilder weg
2. Mach um die Bilder einen Absatz (<p>)
3. Entferne die Inline-Styles


2nd
 
Was noch fehlt, ist die charset-Angabe. Der Validator nimmt zwar default utf-8, aber man kanns ihm ja ruhig verraten, z.B.
Code: 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
Und mit Kommentar im Script-Tag sinds nochmal 2 Fehler weniger
Code: 
<script type="text/javascript">
// <![CDATA[

// ]]>
</script>
Das mit den img-Fehlern leuchtet mir nicht so recht ein, muss man in XHTML 1.0 Strict einen p-Wrapper o.ä. drum bauen?
 
@2nd:
Danke, aber: Was sind Inline-Styles? Die CSS-Angaben direkt im Tag? Soll ich das mit ner ID und dann den Style im Stylesheet machen? Warum?
UNd welche Größenangaben meinst du???

@UDH5:
Warum löst das ein Kommentar.... wird der nich bei der Interpretation eh ignoriert?...

Gruß
iTob
 
ok... mit den <p>-Tags um die <img />-Tags und den Komentaren im Javateil bekomme ich grünes Licht vom Validator...

Trotzdem beleiben die o.g. Fragen noch offen... ;-)...

Danke vielmals
iTob
 
aha... danke...

Mir is grad noch ne Frage eingefallen...:
Die Browser Safari, FF und Opera stellen jetzt alles richtig dar. iE konnte ich noch nich testen, aber Netscape macht Probleme:
Die aufklapenden Menüs werden von ihm nach der Angabe "position:relative; top:30px; left 10px;" nicht wie in allen anderen auf das zugehörige Bild (den darüberliegenden Menüpunkt) bezogen sondern auf den linken Seitenrad...
Woran könnte das liegen? Ich meine, dass der CSS-Code stimt - wurde ja auch validiert...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten