MyBB.de Forum
Header im Internet Explorer und Opera total verschoben... - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Header im Internet Explorer und Opera total verschoben... (/thread-26009.html)



Header im Internet Explorer und Opera total verschoben... - Reixsplash - 07.07.2012

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:

   

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

   

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


RE: Header im Internet Explorer und Opera total verschoben... - Kenny - 07.07.2012

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.


RE: Header im Internet Explorer und Opera total verschoben... - Reixsplash - 07.07.2012

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


RE: Header im Internet Explorer und Opera total verschoben... - King Louis - 07.07.2012

Er meinte z.B. solch einen Validator: W3C Validator. Und nachdem sind da einige Fehler drin...


RE: Header im Internet Explorer und Opera total verschoben... - Reixsplash - 07.07.2012

Achso, na, ich werde mal versuchen, mich da durchzubeißen...


RE: Header im Internet Explorer und Opera total verschoben... - dnlwgnr - 08.07.2012

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.


RE: Header im Internet Explorer und Opera total verschoben... - Reixsplash - 11.07.2012

Suppi, geht in beiden, vielen Dank Smile