Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Header im Internet Explorer und Opera total verschoben...
#1
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?
Mit freundlichen Grüßen,

Reixsplash Wink
Zitieren
#2
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.
Zitieren
#3
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
Mit freundlichen Grüßen,

Reixsplash Wink
Zitieren
#4
Er meinte z.B. solch einen Validator: W3C Validator. Und nachdem sind da einige Fehler drin...
Zitieren
#5
Achso, na, ich werde mal versuchen, mich da durchzubeißen...
Mit freundlichen Grüßen,

Reixsplash Wink
Zitieren
#6
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.
Mein Technik-Blog: Netroid | Meine Videos: dikaproductions | Ich auf Twitter
Zitieren
#7
Suppi, geht in beiden, vielen Dank Smile
Mit freundlichen Grüßen,

Reixsplash Wink
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
Brick Navigation nach mehreren Seiten total verschoben! Reixsplash 40 8.619 27.03.2012, 18:45
Letzter Beitrag: MrBrechreiz
  mit internet explorer wird die seite nicht richtig dargestellt awex 9 3.618 19.09.2011, 21:09
Letzter Beitrag: awex
  3 Darstellungsfehler mit dem Internet Explorer 8 cRaZyYy 6 4.441 18.02.2010, 10:48
Letzter Beitrag: Miniko
Question Layoutproblem - Internet Explorer VS Firefox criticalmaster 4 2.567 17.05.2008, 10:31
Letzter Beitrag: criticalmaster
  Internet Explorer ignoriert CSS Osiriz 6 3.817 04.02.2008, 14:28
Letzter Beitrag: Osiriz