[phpBB2] Jeder Browser zeigt was anderes an...

Guten Morgen,

Ich habe vor ein paar Tagen einen neuen Style eingerichtet. Ich habe dafür Monate investiert und jetzt... Auf Google Chrome wird es nicht richtig angezeigt und auf den Handys auch nicht mehr. Jegliche Ausbesserungsversuche machen das ganze noch schimmer deshalb bin ich jetzt an einem Punkt gekommen wo ich Hilfe brauche.

Hier einmal Bilder wie es richtig aussehen soll

1. http://www.bilder-hochladen.net/files/big/l7gf-k3-7f9f.jpg
2. http://www.bilder-hochladen.net/files/big/l7gf-k4-e9a1.jpg
3. http://www.bilder-hochladen.net/files/big/l7gf-k6-c285.jpg

Den Link zum Forum findet ihr in meinem Profil

Danke an alle schonmal

Auf den ersten Blick und ohne mir den Quelltext angesehen zu haben, kann man schon sehen, das du bei Maßangaben Prozent und Festwerte verwendet hast.
Bei Seiten, die ein festes Layout haben sollen und bei denen man verhindern will, das dies bei verschiedenen Auflösungen verzehrt dargestellt werden, muss man darauf achten, das man hier immer feste Werte verwendet.

Hallo Frank,

Das bedeutet entweder % oder px in der CSS und nicht beides?

Im Grunde schon. Ich gehe davon aus, das zumindest bei der Forenbreite eine % Angabe verwendet wurde.
Alleine das führt schon dazu, das die Breite bei verschiedenen Auflösungen verschieden angezeigt wird.

Wenn man beim Layout einer Seite so arbeitet, das man Elemente benutzt, die zwingend nicht verbreitert werden dürfen, muss man auch mit festen Werten für breiten und höhen arbeiten.

Prozentangaben beziehen sich ja immer auf den darstellbaren Bereich und der ist nun mal eben von der Auflösung des Betrachtes abhängig.

Vielen Dank, ich werde mich dann mal an die Arbeit machen und dann nochmal eine Rückmeldung geben

Lg

Also CSS ist jetzt so weit es geht geändert... keine positive Änderung

Also, ich sehe dein Forum jetzt in einer Breite von 800 PX und es sieht aus so wie auf deinen Bildern.
Hier mal eine Ansicht der oberen Tabelle:

Ja bei Firefox geht auch alles nur bei Google Chrome uns wenn man die Seite auf dem Handy aufruft ist es nicht so wie es sein soll

Ich habe mir dein Forum nun mal mit dem Rechner angesehen und festgestellt, das du deine Tabelle oben z.B. alles mit einzelnen Div Containern die du dann auch noch per CSS verschoben hast, erstellt hast.
Bei diesen Verschiebungen kommt es zu den Problemen mit der Umsetzung in den Verschiedenen Browsern und der Darstellung.
Du hast deine Container mit Margin positioniert.
Hier mal ein Beispiel:

Code:

.Info_PA {
  background: #242b3d none repeat scroll 0 0;
  float: left;
  height: 190px;
  margin: -460px 10px 10px 250px;
  width: 525px;
}

Und genau hier liegt das Problem.
Du musst deine Container am besten Absolut von der Seitenmitte und dem oberen Rand positionieren.
Dann sollten diese Probleme nicht mehr auftreten.

Eine andere Lösung wäre, das du eine Tabelle mit festen Werten benutzt, an Stelle der einzelnen Container.

Hmm ich hatte schon eine Vorahnung. Ich denke ich muss mich da nochmal mit der Positionierung beschäftigen aber die Tabelle wäre hiernach die einfachste Lösung.
Wäre dann das Problem mit dem Hintergrund auch automatisch behoben?

LG