Unterschiedliche Darstellung IE8 XP / Vista

[MarkX]

Moin,

ich arbeite seit einigen Tagen an einem neuen Web-Projekt. Ich arbeite mit Windows XP und teste während der Arbeit ständig mit dem neuesten Firefox und werfe ab und zu mal einen Blick auf die Darstellung der Seiten in anderen Browsern. Auf milimetergenaues Design kommt es nicht an. Bis jetzt lief alles super. Browsershots.org zeigte mir im großen und ganzen in allen Browsern auf allen Systemen ein ähnliches Bild. Gestern abend dann blankes Entsetzen: der IE8 auf meinem Vista-Notebook zu Hause zeigt teilweise ein anderes Bild als alle anderen Browser, auch als der IE8 unter XP! Da sind auf einmal Hintergrundbilder von DIV-Bereichen oder ganze Bereiche nach links oder rechts verschoben. Da liegt auf einmal das Hintergrundbild vor einem <img>!

Wie kann das sein? Ich laß die Elemente der Seite einfach mit float umeinander fließen, bei wenigen in einander verschachtelten DIV-Bereichen. Also simpelstes Design, bei dem man nicht viel falsch machen kann.

Weiß jemand wo ich detailiert etwas dazu finde, was der IE8 unter Vista anders macht als alle anderen Browser in anderen Systemen?

Vielen Dank!

MfG
MarkX.

[Gunnar Bittersmann]

@@MarkX:

nuqneH

Weiß jemand wo ich detailiert etwas dazu finde, was der IE8 unter Vista anders macht als alle anderen Browser in anderen Systemen?

Das nicht. Aber in den Tips für Fragende in der Charta findest du detailiert etwas dazu, unter welchen Voraussetzungen du hier mit Hilfe rechnen kannst.

Qapla'

[MarkX]

Moin Herr Klingone,

Das nicht. Aber in den Tips für Fragende in der Charta findest du detailiert etwas dazu, unter welchen Voraussetzungen du hier mit Hilfe rechnen kannst.

Die Voraussetzungen dafür sind mir bewußt. Falls Du auf das _SELF_ anspielen solltest: in bin bereits an dem Punkt, wo mir eine netzweite Suche keine befriedigenden Antworten geliefert hat. Unter anderem fand ich ein phantastisches MS-Tool mit dem marketingträchtigen Namen: "Super Preview for Internet Explorer". Leider ist das Tool weniger super als es der Name sugeriert. Es zeigt mir zwar eine Vorschau meiner Seiten in verschiedenen IE-Versionen, aber leider nicht in unterschiedlichen Systemen.

Ich hoffe also weiter auf Erfahrungen und Hinweise aus dem Kreis der von mir geschätzen Self-Experten.

MfG
MarkX.

[Gunnar Bittersmann]

@@MarkX:

nuqneH

Das nicht. Aber in den Tips für Fragende in der Charta findest du detailiert etwas dazu, unter welchen Voraussetzungen du hier mit Hilfe rechnen kannst.

Die Voraussetzungen dafür sind mir bewußt.

Echt?

Falls Du auf das _SELF_ anspielen solltest

Nein, darauf spiele ich nicht an.

Qapla'

[MarkX]

Moin,

Nein, darauf spiele ich nicht an.

Ok, dann blähen wir das Forum noch etwas sinnlos auf. Du spielst an auf ...... ?

MfG
MarkX.

[Gunnar Bittersmann]

@@MarkX:

nuqneH

Ok, dann blähen wir das Forum noch etwas sinnlos auf. Du spielst an auf ...... ?

„Zeige den problematischen Quellcode! Entweder im Posting selbst oder mittels Link auf die betreffende Seite. Funktionierende Glaskugeln sind eine Rarität […]“

Qapla'

[MarkX]

Moin,

na dann mal Butter bei die Fische, wie es so schön heißt:

<div style="background-image: url(backtext.png); margin-top: 30px; padding-top: 2px; padding-bottom: 5px; padding-right: 20px; padding-left: 20px;">
<h3 class="ueberschrift">Überschrift</h3>
<img src="bild.png" style="float: right; margin-left: 10px; margin-top: -9px;">
<p class="normaltext" style="text-align: justify;">TEXT .....</p>
</div>

Hier zeigt der IE8 unter Windows Vista das merkwürdige Verhalten, daß er das Hintergrundbild des DIV-Bereiches ÜBER das bild.png legt. Wie gesagt, das ist offensichtlich nur im IE8 unter Windows Vista so. Über Windows 7 kann ich nix sagen, aber unter XP ist alles normal. Unter Firefox sowieso in allen Systemen.

MfG
MarkX.

[EKKi]

Mahlzeit MarkX,

<div style="background-image: url(backtext.png); margin-top: 30px; padding-top: 2px; padding-bottom: 5px; padding-right: 20px; padding-left: 20px;">
<h3 class="ueberschrift">Überschrift</h3>
<img src="bild.png" style="float: right; margin-left: 10px; margin-top: -9px;">
<p class="normaltext" style="text-align: justify;">TEXT .....</p>
</div>

Gerade wenn es um Probleme/unterschiedliche Darstellungen verschiedener IE-Versionen geht, ist das allein *KEIN* relevanter Quellcode. Ist Dein Dokument valide? Wie sieht Deine http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=Dokumenttyp-Deklaration aus?

MfG,
EKKi

[MarkX]

Moin Ekki,

es geht um folgende Seite (ich habe nur mal die Startseite online gestellt).

http://www.grundschule-wermsdorf.de/

Das CSS ist valide bis auf: img, div { behavior: url(iepngfix.htc) }
Das ist ein Fix für ältere IEs um Alpha-Transparenzen bei PNG-Bilder darzustellen.

Das HTML ist jetzt valide. Der Validator bemängelte lediglich 3 fehlende ALT-Attribute beim IMG-Tag. Das habe ich jetzt bereits korrigiert. Ich kann mir aber nicht so richtig vorstellen, daß das den Fehler ausgelöst hat. Ein erneuter Test unter Vista ist mir erst wieder heute abend möglich, da ich hier nur XP auf Arbeit hab.

Der CSS-Validator wies mich noch darauf hin, daß gefloatete Elemente eine definierte Breite haben müssen. Ich habe diesen Elementen nun "width: auto" verpasst. Keine Ahnung ob das der Auslöser sein könnte. Wie gesagt, ich kann es im Moment nicht testen.

MfG
MarkX.

[romy]

Hallo MarkX,

Wie kann das sein? Ich laß die Elemente der Seite einfach mit float umeinander fließen, bei wenigen in einander verschachtelten DIV-Bereichen. Also simpelstes Design, bei dem man nicht viel falsch machen kann.

Das Einzige, was mir einfällt ist der eingeschaltete/nicht eingeschaltete Kompatibilitätsmodus. Der verursacht schon Unterschiede!

ciao
romy

[MarkX]

Hallo Romy,

Das Einzige, was mir einfällt ist der eingeschaltete/nicht eingeschaltete Kompatibilitätsmodus. Der verursacht schon Unterschiede!

Schön mal wieder von Dir zu lesen. :-) Tja, die Unterschiede mag ich da ja sehen, aber leider nicht, was sie verursacht. So wie ich das jetzt sehe, muß ich mich der Lösung wohl durch Try-and-Error nähern und einfach etwas rumexperimentieren.

MfG
MarkX.