[HTML / CSS] Fehler im FF

[Chrissi91]

Hi,

ich habe folgendes Problem:

Wenn man folgenden Link im IE aufruft, sieht das Design wie gewünscht aus. Öffnet man den Link jedoch mit dem FF, ist von der Navi überhaupt nichts mehr zu sehen. Woran kann das liegen? Jemand eine Idee?

Und 2. Frage:

Wenn man folgende Seite nacheinander aufruft, merkt man, dass das Design ein bisschen in der Höhe verrutscht.

1. Link

2. Link

Hat jemand für diesen beiden "Phänomene" eine Erklärung?

Oder liegt es daran, dass ich zu dumm bin.

Grüße aus Berlin

Chrissi91

[Darkchild]

Hallo,

das Problem beim erstellen von Internetseiten ist bekannt, da die Unterschiedlichen Browser den HTML und CSS Quellcode intern Unterschiedlich Interpretieren.
Folgende Möglichkeiten hast Du:

1.Entweder Du fragst vorher ab welcher Browser benutzt wird und generierst für die Verschiedenen Fälle unterschiedliche HTML Codes.

2.Du versuchst die Sachen so zu ändern das die Unterschiede zwar da sind aber kaum auffallen.

3.Du musst im FireFox in den Optionen die einstellungen soweit ändern das er dem InternetExplorer angepqasst wird, dann werden auch die höhen und farben fast wieder gleich dargestellt.

Aber das ist leider meines Wissens nach immer die Problematik, eine Seite für alle Browser gleich darzustellen.

Mehr fällt mir dazu jetzt auch nicht ein für's erste, aber wenn ich noch was finde gebe ich Dir bescheid.

Gruss
Darkchild

[Jürgen Thomas]

Solche Probleme sind bekannt. Lies Dir einmal die Diskussion [CSS&HTML] Darstellungsunterschiede IE und Firefox durch; vielleicht findest Du dort Anregungen. Gruß Jürgen

PS. Da war einer schneller, aber ich habe einen Link.

PS2. Ändere doch bitte den Titel; der nennt kein Problem und keine Frage. Und wenn Du eine passende Frage formulierst, hättest Du auch Stichworte für die Suche.

[RobertP]

Also mir fallen spontan 2 Möglichkeiten ein:

1. Du verzichtest auf Bilder und machst den Rollover Effekt nur mit CSS. Müsste auch so hinzubekommen sein dass er mit beiden Browsern funktioniert.

2. Du machst den Rollovereffekt so wie jetzt mit Bildern aber nicht mit CSS sondern mit Java Skript.

Grüße,
Robert

[Thorben77]

Die a-Elemente sind inline-Elemente. Der Firefox lässt die Festlegung von Höhe und Breite eines Elements aber nur bei block-Elementen zu (ich bin mir nicht sicher, ob das so standardkonform ist).
Du musst also für die Links display: block; festlegen. Damit sie dann noch nebeneinander sind, lässt du sie im Optimalfall floaten.

Oder du machst noch eine Tabelle aus, das Markup ist ja jetzt schon unter aller Sau .


Nebenbei:

Zitat von Darkchild:

1.Entweder Du fragst vorher ab welcher Browser benutzt wird und generierst für die Verschiedenen Fälle unterschiedliche HTML Codes.

Viel zu viel Aufwand.

Zitat von Darkchild:

2.Du versuchst die Sachen so zu ändern das die Unterschiede zwar da sind aber kaum auffallen.

Das hört sich doch schon besser an.

Zitat von Darkchild:

3.Du musst im Firefox in den Optionen die einstellungen soweit ändern das er dem Internet Explorer angepqasst wird, dann werden auch die höhen und farben fast wieder gleich dargestellt.

Das wär ja noch schöner, wenn man seinen Browser immer möglichst genau dem IE anpassen würde .

Zitat von Darkchild:

Aber das ist leider meines Wissens nach immer die Problematik, eine Seite für alle Browser gleich darzustellen.

Es ist ja auch eine meiner Meinung nach überflüssige Forderung, dass Webseiten immer und überall exakt gleich aussehen müssen. Es reicht doch vollkommen, wenn sie überall sauber dargestellt werden.

[Chrissi91]

Hi,

danke erstmal für eure Antworten.

Natürlich ist mir bewusst, dass es unmöglich sein wird, es für alle Browser zu optimieren. Der Kunde hat wg. den Darstellungfehlern im FF und Aplle Safari gemeckert (Wobei ich das beim FF verstehen kann. Den apple Safari kann er sich aber sonst wo hinstecken. )

[SubData]

Die Seiten sind allerdings nichtmal valides HTML, von daher sollte man sich über sowas aber auch nich wundern

[Pfoto]

Zitat:

Kunde hat wg. den Darstellungfehlern im FF und Aplle Safari gemeckert (Wobei ich das beim FF verstehen kann. Den apple Safari kann er sich aber sonst wo hinstecken

Zum Glück basiert der Safari (zumindest die erste Version) auf dem Mozilla-Browser -- wie auch der FF.
Deswegen werden die Seiten dort meisten ähnlich oder exakt gleich angezeigt.


Gruß
Pfoto

[Chrissi91]

Zitat von SubData:

Die Seiten sind allerdings nichtmal valides HTML, von daher sollte man sich über sowas aber auch nich wundern

Da ist aber nichts fehlerfahft, was den Feler verursachen könnte. Oder meinst du das liegt an dem Alttag in der Zelle.

Ist doch eigentlich recht valide. DocType musste ich raausnehmen, da er sonst es nicht zentriert hättte.

Grüße aus Berlin

Chrissi91



Edit: oO Jetzt schreibe ich schon hätte, anstatt hätte.

Wohl noch ein bisschen früh.

[Matze]

Zitat von Chrissi91:

DocType musste ich raausnehmen, da er sonst es nicht zentriert hättte.

Ein Doctype sollte generell vorhanden sein! Geht's nicht mit XHTML 1.1, dann nimmt HTML 4.01 Transistional, da verhalten sich die Browser recht gutmütig. Aber irgendwas muss drinstehen, sonst gehen die Browser in den Quirks-Mode und das ist nicht so toll.