Hallo,
ich führe seit kurzem ein Mybb Forum für einen Server.
Leider ist mir gestern aufgefallen dass das Forum in Firefox richtig angezeigt wird, leider im Internet Explorer nicht. (weitere habe ich nicht getestet)
Wie kann ich es für die aktuellsten Browser kompatible machen, sodass es überall ungefähr gleich aussieht.
Link:
UL Reallife
Ich kenne mich mit CSS und HTML relativ aus, da ich das Theme fast selbe gemacht habe, aber ich habe mich nie wirklich mit Browser Kompatiblekeit beschäftigt.
in safari hats auch einige anzeige fehler...
Also eigentlich ists recht leicht was für FF und Webkit richtig zu machen da sich beide naja an die norm halten, ich entwickle immer mit safari, und dann läufts immer auch unter FF...
IE macht immer probleme
Also, wenn ich es unter Safari richtig hin kriege, wird es in FF und Google Chrome, usw. auch laufen?
Bei den sachen die ich bisher gemacht habe hatte ich wenn ich sie für webkit gemacht hab, also mit Safari oder Chrome, oder einem anderen webkit browser, dann liefen sie immer unter FF und opera
Nur IE macht immer probleme
Guck dir mal seine Website im Internet Explorer an, ichbinniemand.
Ich habe auch eine Zeitlang angepasst, zwar nicht an MyBB aber im Endeffekt läufts ja auf HTML/CSS hinaus.
Aber so einen derben Unterschied zwischen normale Browser und Internet Explorer hatte ich noch nie.
Übrigens - wenn man die Seite nicht grade in 1680x1050 Auflösung im Fullscreen Modus öffnet, dann ist der Header zu lang.
Bevor du dich an der IE Anpassung begibst, würde ich erst einmal die Seite auch für 1280x1024 User anpassen. Wenns geht sogar für 1024x768.
Ja, das ist ja nur der Header. Den wollte ich so wie so noch kleiner machen.
Da der Rest ja nur eine Wiederholende Grafik ist, die auf 80% der Seite geht.
Gibt es Tipps zur Anpassung? Oder woran liegt das überhaupt das es so ein großer Unterschied ist? Wie kann ich das möglichst schnell ändern?
Nun der Engine des IE ist deutlich strenger, was die Berechnugen der CSS betrifft.
Du hast beispielsweise Bilder, die es entweder nicht gibt oder falsche Pfade schafft =>
Die Webkit- und die Gecko- Engine ignorieren solche Fehler, bzw. geben sie nicht an den Client weiter.
Als Beispiel versuchst du ein Bild mit dem Pfad: images/gamer/bc_left_right.png wiederzugeben, was es anscheinend nicht gibt.
Bitte versuche einmal deine Seite direkt validieren zu lassen: HTML-Validator
Fehler, wie der "ALT"-Tag kannst du erst einmal ignorieren,
da sie nicht deine Anzeigefehler hervorrufen, aber im nachhinein eingefügt werden sollten.
Wichtiger wären beispielsweise deine zu vielen " oder | im Code, die zu entfernen wären.
Hoffe, du kommst mit den Erklärungen des W3C-Validators zu Recht ;).
//Virtual
Ich werde mir es mal anschauen, gehört habe ich schon davon.
Wieso darf man | nicht verwenden?
Nun ja, das Bild bc_left_right.png, habe ich komplett vom Server und vom Code entfernt, aber woran liegt das, das er das Bild nicht findet?
Wenn du das Bild vom kompletten Code entfernt hättest, würde es auch nicht mehr im Quell-Code vorkommen, was nicht der Fall ist.
Warum das |-Zeichen nicht erlaubt ist, musst du das W3C befragen.
In der Programmiersprache (Ich kann nur von PHP und SQL ausgehen) bedeutet es "ODER" als Bedingungsoperator (sofern es verdoppelt wurde).
Auch solltest du deinen CSS nochmal überarbeiten, was deine Auflösungsanpassung betrifft.
Du hast hier zwar eine flexible Breite, jedoch sollte dein Header-Bild eine max-width: von xxx px aufweisen
(oder dein Haup-Div eine min-width), damit dein Bild sicht nicht mit dem Haupt-DIV-Container überlappt.
Wenn du das Bild vom kompletten Code entfernt hättest, würde es auch nicht mehr im Quell-Code vorkommen, was nicht der Fall ist.
Warum das |-Zeichen nicht erlaubt ist, musst du das W3C befragen.In der Programmiersprache (Ich kann nur von PHP und SQL ausgehen) bedeutet es "ODER" als Bedingungsoperator (sofern es verdoppelt wurde).
Auch solltest du deinen CSS nochmal überarbeiten, was deine Auflösungsanpassung betrifft.
Du hast hier zwar eine flexible Breite, jedoch sollte dein Header-Bild eine max-width: von xxx px aufweisen
(oder dein Haup-Div eine min-width), damit dein Bild sicht nicht mit dem Haupt-DIV-Container überlappt.
Das verstehe ich nicht so ganz.
Ich soll eine mindest und eine maximal Breite angeben?
Nun:
Du hast einen flexiblen Haupt-Container, welcher sich der Browser-Breite des Benutzers anpasst, ab einer gewissen Breite ist dein Bild, was eine feste Breite besitzt folglich größer als dein Haupt-Container => Sie überschneiden sich.
Daher gibt man dem Haupt-Container eine min-width von der Breite des Bildes + anfallende Paddings und Margins (Außen- und Innenabstände). [Wird das Browser-Fenster dennoch kleiner als deine angegebene min-width, so entsteht ein Scroll-Balken in der Horizontalen].
Es sind nur Kleinigkeiten, wichtiger wäre beispielsweise die Deklaration deines Zeichensatzes in xHTML :)
//Virtual
Wenn er aber seinem Forum die min-width gibt, dass der Header perfekt rein passt, müssen User mit einer Auflösung <1680x1050 oder die nicht grade im Fullscreen Modus im Internet sind, nach links und rechts scrollen. Sowas ist sehr nervig und benutzer unfreundlich.
Okey danke, jetzt verstehe ich...
Den Header werde ich dann kleiner machen, vielleicht auf Breite: 768px? Dann die min-width wird etwas größer sein, damit rechts und links 1px Platz ist. Nun kann man es beliebig verschieben, sodass ein Balken kommt wenn es kleiner wird und einfach Container Background kommt sobald es größer wird. Dann sollte es für jeden passend sein, ...
Ich werde heute Abend mal anfangen, danke an alle, wenn ich weitere Probleme habe, gebe ich Bescheid.
Mach wie du meinst. Aber du musst bei 1024x768 noch die Scrollbar miteinbeziehen und den Rand deines Forums etc..
Gibt aber auch viele die einfach für 1280x1024 anpassen.
Stimmt, ich mache es auf 1024px Breite. Im Moment keine Zeit...
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
