Problem mit Firefox

[lutz]

Wenn ihr auf die Seite

http://www.lutzfechner.de/rf_php/?cat=spielerkader

mit Firefox geht, dann müsstet Ihr, wenn Ihr etwas runter scrollt die beiden W3C-validation-Buttons mitten in der Seite sehen. Nach einem Klick auf "Neu Laden" o.Ä. sitzen sie dann an der richtigen Stelle. DAs habe ich bei anderen Unterseiten meiner Page auch schon feststellen müssen.
Wenn ihr den Cache eures Firefox löscht, ist der Fehler. zumindest bei mir, repruduzierbar.

1. Ist das bei euch auch so, oder ein Konfigurationsproblem bei mir?

2. Woran liegt das, wie kann ich das beheben?

Danke!
Lutz

[lutz]

Das Problem scheint sich zu erledigen, wenn man nicht für jede Zeile eine neue Tabelle macht, wie ich es zu Testzwecken getan habe. Aber interessieren würde mich der Grund trotzdem.
Firefox einfach überlastet??? Aber es muss doch möglich sein, 25 unverschachtelte Tabellen auf eine Seite zu bringen, oder?

[lutz]

Noch ein Nachtrag:

Es scheint tatsächlich ein Problem mit Tabellen zu sein. Auch auf der Seite http://www.lutzfechner.de/rf_php/?cat=statistik tritt das Problem auf, hier ist jedoch nur eine Tabelle vorhanden.

[Candid Dauth]

Heißa, lutz,

2. Woran liegt das, wie kann ich das beheben?

Ohne mir jetzt deinen Code angesehen zu haben, liegt so etwas normalerweise daran, dass zu dem Zeitpunkt, zu dem das Zeug mittig ausgerichtet wird, die Seite noch nicht vollständig aufgebaut ist. Es ist also die Höhe der Seite noch nicht so, wie sie es am Ende sein wird, wodurch die beiden Grafiken nicht in der richtigen Mitte befinden.

Normalerweise helfen bei sowas ordentliche Höhenangaben zu allen Elementen der Seite, die erst nach dem Aufbau der Seite geladen werden (also Bildern).

Gautera!
Grüße aus Biberach Riss,
Candid Dauth

[lutz]

Normalerweise helfen bei sowas ordentliche Höhenangaben zu allen Elementen der Seite, die erst nach dem Aufbau der Seite geladen werden (also Bildern).

Ja, dass kann sein, meine Tabelle "schnurrt" echt immer erst auseinander, nachdem die Bilder geladen wurden. Höhenangaben habe ich aber allerdings drin, naja, ich werd nochmal überprüfen.

[lutz]

Dass ich die Tabellenhöhe etc. festsetzen muss, weiß ich ja nun. Aber ich habe trotzdem noch ein Problem:

http://www.lutzfechner.de/rf_php/?cat=statistik

Ihr seht dort einen vertikalen rosa Balken, der ist genau 100px hoch.
Ich habe die Höhe aller <td> in der ersten Zeile auf 100px gestellt, die Höhe des <tr> auf 100px und auch die Höhe der <img> auf 100px.

Außerdem habe ich bei all diesen Elementen padding auf 0px gestellt. Trotzdem macht Firefox unter den rosa Balken (und auch unsichtbar unter alle anderen Bilder) einen 3px-Abstand in weiß. IE macht das nicht.
Ich will den unbedingt weg haben!

Danke im Vorraus!
Lutz

[MudGuard]

Hi,

Ihr seht dort einen vertikalen rosa Balken, der ist genau 100px hoch.
Ich habe die Höhe aller <td> in der ersten Zeile auf 100px gestellt, die Höhe des <tr> auf 100px und auch die Höhe der <img> auf 100px.

Außerdem habe ich bei all diesen Elementen padding auf 0px gestellt. Trotzdem macht Firefox unter den rosa Balken (und auch unsichtbar unter alle anderen Bilder) einen 3px-Abstand in weiß. IE macht das nicht.

Firefox richtet die Bilder vertikal - so wie im Standard vorgesehen für den Fall, daß keine explizite Angabe gemacht wurde - an der Basislinie der Schrift aus. Unter dieser Basislinie ist Platz für die Unterlängen (g, j, p, q, y ragen ja unter die Zeile).
Richte die Bilder nicht an der Basislinie aus,  sondern unten.

cu,
Andreas