IE vollkommen verschoben

[Intersect]

Guten Abend.

Ich habe ein Internetseite die in jedem Browser sehr gut dargestellt wird. Unter dem Internet Explorer allerdings nicht, dort wird alles verschoben dargestellt.
Google konnte mir nicht weiter helfen. Alles ist mehrer 100 px nach unten verschoben und das nur bei dem Internet Explorer.
Brocanteur-Online

Falls ihr eine Lösung habt, würde ich mich sehr freuen.

Vielen dank für eure Aufmerksamkeit.
Grüß

 

[bdt600]

Zuerst einmal etwas aufräumen: [Invalid] Markup Validation of http://brocanteur-online.de/ - W3C Markup Validator

 

[Intersect]

So ich habe soweit alles korrigiert was ich verstanden habe.
Das waren in erster Linie <br/>, Warnungen die ich nicht verstanden habe.
Wie auch Fehler die wegen den Plugins aufgetreten sind, allerdings kann ich diese auch nicht abändern.

Die Webseite basiert auf Wordpress und ich habe in den Seiten Einstellungen anstatt von nur Texten noch CSS, Meta usw eingefügt, somit nochmal extra css, html und meta Einstellungen getroffen. Weswegen der validierer auch merkert, weil die dann mitten body bereich auftauchen.

Ich weiß nicht wie ich für jede einzelne Seite Css und Meta Einstellungen machen kann, ohne das in den Seiten von Wordpress zu machen wo eigentlich nur Text rein kommt. Hoffentlich habe ich das verständlich ausgedrückt. Den in der Style.css und in dem header.php kann ich nicht für 10 verschiedene Seiten Bilder usw einstellen.

Wenigstens ist in Css alles 100% korrekt gewesen.
Als ich Google gefragte habe, habe ich nur herausfinden können, dass ich noch zusätzlich Tags setzen kann. Die auch nicht geholfen haben.

<!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> <![endif]--> <!--[if lt IE 8]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script> <![endif]--> <!--[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <![endif]-->

Das hilft aber irgendwie alles nicht, sehe hier.
Website Overview for http://brocanteur-online.de/

Bin etwas am verzweifeln.

Grüße

 

[bodil]

In meinem IE9 wird vor allem das Bild mit dem LKW zu weit unten angezeigt. Das liegt möglicherweise daran, dass das umgebende Div <div class="Inhaltsbereich"> mit 800px schmäler ist, als der Absatz <p class="Werbebanner">, der das Bild enthält. Möglicherweise wird das besser, wenn du statt des <p> auch hier ein <div> nimmst.

Die Meldungen zu den <br> bedeuten übrigens: Da du HTML (und nicht XHTML) verwendest, erwartet der Validator (und erwarten die Browser) dass du <br> schreibst statt <br />.

 

[Tronjer]

Du könntest in die Conditional Comments Stylesheets einbinden oder es in der CSS-Datei mit dem Star+ bzw. Star Hack für IE7/8 versuchen.

 

[Cheffchen]

Hallo,

war nichtz was mit aufräumen.

mitten im body code steht plötzlich wieder style und was mit "<meta name="description" content="Büro Düsseldorf<br />"

Cheffchen

ps: Achtung, das bei Standort mit der Karte ist mehr als fragwürdig und läd eigentlich zum abmahnen ein :O)

 

[Intersect]

Das sieht schomal besser aus, als vorher.
Das Bild ist in der Startseite in einem DIV Container wird allerdings noch immer nicht angezeigt. Dafür ist sonst nicht anderes verschoben.

Sobald ich wieder Zuhause bin räume ich noch ordentlich auf, damit Ihr und ich einen besseren überblick bekommen.
Dieser IEHack hat meines erachtens nicht viel bewirkt, ich lass das alles dennoch drin.

Bis nachher.
Danke

 

[Intersect]

So ich habe jetzt alles so weit auf vorderman gebracht.
Außer Fehlermeldungen wegen Google oder Facebook Plugins und das CSS, Meta Elemente im Body Bereich sind ist alles soweit korrekt.(Erklärung siehe oben).

Ich habe auch bereits den Banner in einen Div Container anstatt von einem p eingebettet was keinen Unterschied macht. Habt ihr eine Idee wie ich das alles in Griff bekomme.

Grüße

Edit: Ich habe den Banner erstmal relative positioniert...solange ich kann bessere Lösung habe.