[GELÖST] Header-Bild auf manchen Browsern falsch dargestellt

rolwalca · 27. Oktober 2014 13:41

Hallo zusammen,

bei meiner CMSms-Seite habe ich kürzlich durch Zufall entdeckt, dass die auf manchen Browsern falsch dargestellt wird.
Hab´s auf einem firefox gesehen. Scheint aber auch andere Browser zu betreffen. Wenn ich z.b. auf browsershots.org schaue sind das einige.

Konkret: ein Div in dem der Header-Bilderwechsel stattfindet (showtime) wird hier versetzt dargestellt. Man müsste horizontal scrollen um es überhaupt zu sehen.
Ich habe gerade keine Idee woran das liegen könnte.
Jemand einen Tipp?

NaN · 27. Oktober 2014 14:48

Die Screenshots auf browsershots.org allein helfen da leider nicht weiter. Man sieht zwar, dass es Probleme gibt, aber man weiß nicht, welches Element genau das ist.

Hab´s auf einem firefox gesehen.

Welche Version?
Welches Betriebssystem?
In meinem Browser (Windows 8, Firefox 33.0.1) sieht's okay aus. Und in Ermanglung eines Testsystems unter dem das Problem auftritt, bin ich da mit meinen Möglichkeiten leider bereits am Ende. Ansonsten hätte man ja mit Firebug etc. das Problem analysieren und evtl. am CSS rumspielen können.

Aber mal abgesehen davon - ohne Klischees oder Vorurteile bedienen zu wollen - machst Du Dir da nicht etwas zu viel Arbeit? Hast Du mal geschaut, bei welchen Kombinationen von Browsern und Betriebssystemen dieses Problem laut browsershots.org auftritt? Gehören Benutzer von Firefox, Epiphany, Iceweasel oder Seamonkey und das alles auch noch unter Linux (wie Debian oder Ubuntu) wirklich zur Zielgruppe einer Praxis für Frauenheilkunde?

Klenkes · 27. Oktober 2014 15:07

Ich seh es gerade unter Win7 Firefox 31(wenn er inzwischen nicht schon wieder upgedated hat...) und es ist versetzt.
Kenne mich mit dem FF Debugging aber nicht so aus...

Ich kann nur so viel sehen, dass wenn ich für dein #menu_vert die height um 4px erhöhe rutscht die Slideshow rein. Dein Menü wirkt sich irgendwie nach unten aus!

Beitrag geändert von Klenkes (27. Oktober 2014 15:15)

rolwalca · 27. Oktober 2014 15:50

Hmmm, #menu_vert hat ja keine height angegeben.

Ich habe jetzt die Angaben für margin padding gelöscht (#menu_vert) und den umschließenden #Header in der Höhe verringert. Bei mir in meinem Firefox (32.03) sieht´s wie gewünscht aus. Aber sonst?
Jetzt besser Klenkes?

Ich muss ja gestehen, ich bin etwas schludrig was diese Browserkompabilitätstest angeht.
Ich gucke meist bei Firefox, Safari und Chrome. Wenn´s da läuft reicht´s mir.
Oder wie macht Ihr das?

Klenkes · 27. Oktober 2014 16:14

rolwalca schrieb:

Hmmm, #menu_vert hat ja keine height angegeben.

Da liegt u.U. das Problem!

rolwalca schrieb:

Ich habe jetzt die Angaben für margin padding gelöscht (#menu_vert) und den umschließenden #Header in der Höhe verringert. Bei mir in meinem Firefox (32.03) sieht´s wie gewünscht aus. Aber sonst?
Jetzt besser Klenkes?

Meiner ist immer noch FF31 und versetzt es nach rechts sad

Ich hab das mal stark vergrößert:
Versatz

Beitrag geändert von Klenkes (27. Oktober 2014 16:17)

rolwalca · 27. Oktober 2014 16:31

#menu_vert hat jetzt eine Höhe von 71px.
Besser?

Wie soll man´s testen wenn man die Umgebung nicht simulieren kann?
Browsershot.org sagt mir jetzt ich habe heute schon zu oft probiert.
Enweder zahlen oder bis morgen warten sad

Gibt´s andere Tools die evtl sogar besser sind?
Oder betreibe ich zuviel Aufwand (wie NaN angedeutet hat)?

Klenkes · 27. Oktober 2014 16:44

Jetzt sieht's im FF31 gut aus.

rolwalca · 27. Oktober 2014 16:47

Vielen Dank für ausprobieren smile

NaN · 27. Oktober 2014 16:49

Gib dem div#showtime einfach clear:both.
Dann ist die Höhe des Menüs egal.
(Sieht auch bei mir unter Windows 7 und FF 31.0 ok aus)

mike-r · 27. Oktober 2014 19:59

NaN schrieb:

Gib dem div#showtime einfach clear:both.
Dann ist die Höhe des Menüs egal.

+1
Und nicht nur das, dann sind auch Browsereinstellungen wie "minimale Schriftgrösse" oder "Zoom" etc. egal.

Forum für CMS/made simple

#1 27. Oktober 2014 13:41

[GELÖST] Header-Bild auf manchen Browsern falsch dargestellt

#2 27. Oktober 2014 14:48

Re: [GELÖST] Header-Bild auf manchen Browsern falsch dargestellt

#3 27. Oktober 2014 15:07

Re: [GELÖST] Header-Bild auf manchen Browsern falsch dargestellt

#4 27. Oktober 2014 15:50

Re: [GELÖST] Header-Bild auf manchen Browsern falsch dargestellt

#5 27. Oktober 2014 16:14

Re: [GELÖST] Header-Bild auf manchen Browsern falsch dargestellt

#6 27. Oktober 2014 16:31

Re: [GELÖST] Header-Bild auf manchen Browsern falsch dargestellt

#7 27. Oktober 2014 16:44

Re: [GELÖST] Header-Bild auf manchen Browsern falsch dargestellt

#8 27. Oktober 2014 16:47

Re: [GELÖST] Header-Bild auf manchen Browsern falsch dargestellt

#9 27. Oktober 2014 16:49

Re: [GELÖST] Header-Bild auf manchen Browsern falsch dargestellt

#10 27. Oktober 2014 19:59

Re: [GELÖST] Header-Bild auf manchen Browsern falsch dargestellt

Fußzeile des Forums