MyBB.de Forum

Normale Version: Header im Internet Explorer und Opera total verschoben...
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Nun, ich habe gesucht und gesucht, bin jedoch leider nicht fündig geworden.

Ich dachte ich wäre fertig mit meinen Einstellungen, doch dann kam jemand mit Opera und hat meine Gedanken zerstört Big Grin...

Also, wie die Überschrift schon sagt, ist in den beiden Browsern 'Opera' und 'IE' der Header meines Forums total verschoben:

[attachment=7821]

In GoogleChrome, Iron, Mozilla Firefox und Seamonkey, sowie dem Android passt alles und es sieht so aus:

[attachment=7822]

Hat jemand eine Idee, wie ich den Fehler beheben könnte, bzw. woran es liegen könnte?

Kenny

Gewöhnt euch doch bitte mal an bei solchen Fragen einen Link zu posten! So kann hier wahrscheinlich niemand wirklich helfen.

Kleiner Tipp am Rande. Laß mal den Validator drüber laufen. Vielleicht erledigt sich das Problem ja dann schon.
Außer ein paar fehlenden Bilddateien und das er mir sagt, dass der ganze Inhalt vom Installverzeichnis nicht da ist (hab ich ja gelöscht) passt alles, alle Templates sind sicher, alle Dateien vorhanden (bis auf die Bilder und das Installzeugs), alle DBT konvertiert...

http://mybbibliothek.tk

King Louis

Er meinte z.B. solch einen Validator: W3C Validator. Und nachdem sind da einige Fehler drin...
Achso, na, ich werde mal versuchen, mich da durchzubeißen...
Ich würde das header-element anders gestalten. Dann würde es mit dem Opera funktionieren:

Code:
<div id="header">

      <a href="http://mybbibliothek.tk" style="display: inline-block; background: url(http://mybbibliothek.tk/images/logo.png); width: 760px; height: 120px; float: left;">
      </a>

  <div id="header_glow">
    <img id="avatar" src="images/iv/avatar_default.jpg" width="80px" height="80px" style="float:right;background: #000000;">
    <img src="images/iv/headsep.png" alt="Seperator" style="float:right; margin-top: 4px; margin-right: 38px;">
  </div>
</div>

Ich habe einfach das Image-Element rausgenommen, da ich es eh zu unanpassbar finde und habe dafür aus dem a-Element, welches eigentlich ein Inline-Element ist, ein Block-Element gemacht, dass sich aber dennoch einreiht. Nun noch die Breite und Höhe angepasst und ein float left gegeben und schwupp sollte es gehen.
Das logo-Element kann man nun auch entfernen. Dann klappt es auch mit dem Opera. IE kann ich leider nicht testen, da ich ein anderes Betriebsystem verwende.
Suppi, geht in beiden, vielen Dank Smile