Unterschiedliche Darstellung in Safari, Opera und Firefox

[vincitore]

Hi,

habe heute ein Design an Wordpress angepasst und irgendwo 'nen Fehler ins CSS-File rein gebaut, den ich leider nicht finde.

Live-Version:
Ferienwohnung Kind in Lorch am Rhein

Css-File:
http://ferienwohnungkind.de/wp-content/themes/fw/style.css

So folgende Probleme habe ich gerade:
1. Hintergrund ist in Safari um 1px versetzt
2. Die Navigation im Footer ist in Opera/Firefox nicht formatiert

Ich dachte immer Safari/Firefox haben keine Unterschiede im Rendering?

Mal sehen, vielleicht finde ich ja morgen den Fehler, heute ist jedenfalls konzentrationstechnisch nichts mehr drin.

Wäre cool wenn mir jemand von euch 'nen Tip geben könnte was ich übersehen habe.

Viele Grüße
Vincitore

 

[krid2873]

AW: Unterschiedliche Darstellung in Safari, Opera und Firefox

Moin,

Problem Nr. 2:
Bei dem div mit der Klasse "copyright" fehlt die schließende spitze Klammer.
So sieht es im Moment aus:

<div class="copyright"

und so sollte es aussehen:

<div class="copyright">

Problem Nr. 1:
Um welchen Hintergrund geht es denn? Ich sehe (im Chrome/Firefox) da keinen wirklichen Unterschied.

 

[vincitore]

AW: Unterschiedliche Darstellung in Safari, Opera und Firefox

Moin,

Problem Nr. 2:
Bei dem div mit der Klasse "copyright" fehlt die schließende spitze Klammer.
So sieht es im Moment aus:

<div class="copyright"

und so sollte es aussehen:

<div class="copyright">

Problem Nr. 1:
Um welchen Hintergrund geht es denn? Ich sehe (im Chrome/Firefox) da keinen wirklichen Unterschied.

Hi,

danke für den Hinweis, Problem 2 ist gelöst.
Problem 1 tritt bei mir nur bei Safari auf, bei Firefox und Opera stimmt da alles.
An sich ist es auch nur 1px Unterschied, aber da es 'nen Hintergrundbild mit repeat-y ist könnte es auffällig werden




Gruß

 

[michas]

AW: Unterschiedliche Darstellung in Safari, Opera und Firefox

Hi,

scheint ein klassischer Rundungsfehler zu sein. Du hast den Background auf das html - Tag gelegt und das Hintergrundbild mit 50% zentriert.
Andere Elemente (wie contentContainer) haben das zwar auch, dort hast Du den Elementen jedoch eine feste Breite gegeben.

Versuch doch an Stelle dem HTML-Tag, dem Body-Tag den Background zuzuweisen und gib im eine feste Breite. Dann sollte es auch keine Rundungsfehler mehr geben.

Gruß Micha

 

[vincitore]

AW: Unterschiedliche Darstellung in Safari, Opera und Firefox

Hi, also war in der Tat ein Rundungsfehler, habe jetzt als Breite eine gerade Zahl (806) genommen und siehe da es funktioniert.

Danke für den Tipp Michas