Mozilla und CSS

[Martin Hinz]

Hallo,

habe folgendes Problem:
Ich will in eine Seite via CSS eine Menü/Buttonleiste einfügen. Klappt wunderbar bei allen Browsern, die ich probiert habe, bis auf Mozilla. Dort wird die Breite der Buttons scheinbar falsch interpretiert. Ergebnis ist, dass der Buttonbereich den Bildschirm füllt,daneben ist dann zusammengedrückt der eigentliche Text zu sehen.

Kennt irgendjemand dies Problem, und weiß jemand abhilfe?

die url ist
http://www.uni-kiel.de/ufg/cgi-bin/tuerkei/

Vielen Dank im Voraus,

Martin.

[MudGuard]

Hi,

habe folgendes Problem:
Ich will in eine Seite via CSS eine Menü/Buttonleiste einfügen. Klappt wunderbar bei allen Browsern, die ich probiert habe, bis auf Mozilla. Dort wird die Breite der Buttons scheinbar falsch interpretiert. Ergebnis ist, dass der Buttonbereich den Bildschirm füllt,daneben ist dann zusammengedrückt der eigentliche Text zu sehen.

Kennt irgendjemand dies Problem, und weiß jemand abhilfe?

die url ist
http://www.uni-kiel.de/ufg/cgi-bin/tuerkei/

wollte zuerst sagen, daß da gar keine css-Datei eingebunden wird, dann hab ichs zufällig doch noch gefunden (irgendwo in einer Tabelle im body).

Sowohl das link- als auch das style-Element dürfen ausschließlich im head-Element vorkommen, nicht irgendwo im Body.

Im Gegensatz zu Deiner Meinung stellt der Mozilla das dar, was definiert ist.
Der IE schlägt hier mal wieder mit dem bekannten Box-Bug zu, er berechnet die Größe von Boxen fehlerhaft.

Nochwas: charset=windows-1252 solltest Du durch was braucbares (z.B. iso-8859-1) ersetzen.

Und auch ein Besuch beim http://validator.w3.org kann Deiner Seite nicht schaden.

Andreas

[Martin Hinz]

Hallo,

Vielen Dank für die Antwort, leider löst sie nicht mein Problem. BDW, auch in Opera und dem Netscape Navigator wird die Seite so angezeigt, wie ich sie mir vorstelle.
link und style stehen deshalb im Body, weil dieser Bereich dynamisch via PHP eingebunden wird und mittels einer include eingefügt ist. Soll späteres Überarbeiten durch HTML-Unkundige erleichtern.
Nach wie vor also dankbar für hilfreiche Tipps,

Martin.

[Orlando]

Hi,

Vielen Dank für die Antwort, leider löst sie nicht mein Problem.

doch, Andreas hat dir die einzig richtige Lösung gesagt.

BDW, auch in Opera und dem Netscape Navigator wird die Seite so angezeigt, wie ich sie mir vorstelle.

Das ist aber falsch, denn das Stylesheet kann nicht bei der Anzeige berücksichtigt werden, wenn es nicht im HEAD der Seite steht:

http://selfhtml.teamone.de/html/referenz/elemente.htm#style
 http://selfhtml.teamone.de/html/transit/stylesheets.htm
 http://www.w3.org/TR/html401/present/styles.html#h-14.2.3

Mozilla stellt diese Seite also als einziger Browser richtig dar.

link und style stehen deshalb im Body, weil dieser Bereich dynamisch via PHP eingebunden wird und mittels einer include eingefügt ist.

Setze das Include in den Head.

Soll späteres Überarbeiten durch HTML-Unkundige erleichtern.

Damit gewährleistest du allenfalls, dass HTML-Unkundige auch HTML-Unkundige bleiben - das kann nicht dein Ziel sein ;)

Nach wie vor also dankbar für hilfreiche Tipps,

Binde das Stylesheet korrekt ein.

Noch zwei Links für dich:

http://aktuell.de.selfhtml.org/artikel/css/mouseover/

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.uni-kiel.de%2Fufg%2Fcgi-bin%2Ftuerkei%2F&charset=(detect+automatically)&doctype=HTML+4.01+Transitional

LG Orlando

[Martin Hinz]

Sorry,

you was right, me was wrong. Funktioniert jetzt, Danke nochmal. War allerdings verwundert, das die Anweisungen des CSS interpretiert wurden, nur die Breite nicht stimmte.

Martin.