Darstellung im IE7 verrutscht nach unten - ich weiß nicht mehr weiter...

[p1xeL]

Hi,

ich gestalte derzeit eine gewerbliche Website für meine Freundin im Bereich der Ergotherapie. In den aktuellen Browsern wird die Seite korrekt dargestellt... nun hatte ich heute die Möglichkeit, die Seite auf dem IE 6/7 zu testen und musste feststellen, dass der Content komplett nach unten rutscht... Ich habe schon ein wenig herumprobiert, aber bin bislang zu keinem zufriedenstellenden Ergebnis gelangt und weiß einfach nicht mehr weiter...

Ich habe schon von einigen Techniken gelesen, Seiten "auszutricksen" und eben mit diversen Hacks oder Anpassungen auch für den IE6 + 7 darstellbar zu machen, bin mit der konkreten Anwendung zur Zeit aber leider überfordert.

Es wäre toll, wenn Ihr vielleicht mal einen Blick auf die Seite werfen und mir Anhaltspunkte liefern könntet, was falsch gelaufen ist, bzw. wie die Seite im IE 6/7 darzustellen ist.

Die Testseite ist unter "entfernt" abrufbar.

Testen kann man das Ergebnis auch gut unter
IE NetRenderer - Browser Compatibility Check -

Über Antworten und Hilfe würde ich mich freuen :-)

Vielen Dank schon mal im Voraus und viele Grüße
Fabian

 

[philipp.hat.alles]

Hallo, wenn du als externe CSS hast, dann in der HTML DOCTYPE einbinden und wenn du die CSS gleich in der HTML hast, auch viel glück;)

 

[p1xeL]

Hallo Philipp,

danke für Deine Antwort, wenn ich sie auch nicht so ganz interpretieren konnte...

Eine DOCTYPE ist vorhanden in der entsprechenden HTML Datei. Ich habe jetzt nochmal ein wenig rumgelesen und gesehen, dass der IE bei falschen DOCTYPE den QUIRKS?! Modus verwendet und es zu Darstellungsfehlern kommen kann.

Ich habe daraufhin andere DOCTYPES versucht, welche jedoch keine Besserung brachten...

Vielleicht stehe ich auch auf dem Schlauch :)

 

[threadi]

Doctypes wahllos "auszuprobieren" bringt nichts. Der Doctype muss zu dem von dir geschriebenen HTML-Code passen. Momentan steht da HTML 4.01, was an sich schon passt.

Allerdings hast Du in deinen HTML-Code andere Fehler eingebaut:
[Invalid] Markup Validation of http://www.ergotherapie-steinmeyer.de/test.htm - W3C Markup Validator
Merke: eine ID darf nur 1 Mal auf einer HTML-Seite existieren. Wenn Du etwas mehrfach in einer Seite per CSS ansprechen willst, verwende CSS-Klassen.

Das Problem könnte aber auch dadurch entstehen, dass Du in "#contentswillkommen" mit margin arbeitest, was in diesen IE-Versionen verdoppelt wird. Ich würde dir empfehlen statt margin das Element zu floaten. Dadurch umgehst Du das Problem. Du könntest dir aber auch "Conditional Comments" ansehen.

 

[philipp.hat.alles]

sry, wie ich verstanden habe, kommt es auf die Version an, die man geschrieben hat, damit er doch alles anzeigt richtig?

 

[p1xeL]

Hi,

noch einmal vielen Dank für Eure Antworten.

Nach langem herumprobieren bin ich nun bei einem zufriedenstellenden Ergebnis angelangt, welches u. a. durch die Anpassung der margins und der Verwendung von "Conditional Comments" auch im IE6 korrekt dargestellt wird. IE 5.5 tu ich mir jetzt aber wirklich nicht mehr an... oder sollte ich ?! :)

@ threadi
Danke für den Hinweis mit den Klassen, ist nun angepasst :)

Viele Grüße
Fabian