Bild im IE falsch angezeigt

[werda]

Hallo,

habe ein Problem mein Bild das auf folgender Seite ganz unten rechts zu sehen ist, wird im Firefox dort an der Position dargestellt wie ich will allerdings im Internet Explorer nicht, kann mir da jemand bei helfen?(Das Bild ist schwer zu sehen, es ist nur ein Test-Bild)

Hier ist der Link:

http://linkprojekt.com/gonat/gogo_vorlage.html

Danke schon mal.

Ciao

[Der Martin]

Hi,

habe ein Problem mein Bild das auf folgender Seite ganz unten rechts zu sehen ist, [...] (Das Bild ist schwer zu sehen, es ist nur ein Test-Bild)

meinst du das pageup.gif? Ein anderes, das auf deine Beschreibung passt, kann ich nämlich nicht finden.

Frage: Warum packst du das Bild noch in ein separates div, anstatt das Bild selbst zu positionieren? Und warum positionierst du es mit top und left? Du wolltest es doch _unten rechts_ haben. Du setzt es stattdessen 337px von oben und 480px von links. Das wäre ja purer Zufall, wenn diese Maße gerade eine Position am unteren rechten Rand ergeben würden.

Und du hast noch ein weiteres Problem: Du hast die ID "boxd" zweimal vergeben - einmal für das äußere Container-div, einmal für das Bild selbst. Der IE geht großzügig über den Fehelr hinweg und wendet die Formatierungen für #boxd einfach auf beide Elemente an.
Ergebnis: Ein div, das 480px von rechts, 337px von oben beginnt, und innerhalb dieses div-Elements _weitere_ 480px von rechts, 337px von oben sitzt das Bild.

So long,
 Martin

[Der Martin]

Hallo,

ich gebe zwar meine Mailadresse an, damit Interessierte eine Chance haben, mich auch direkt anzusprechen. Aber du hast eine Frage in einem Forum öffentlich gestellt und eine ebenso öffentliche Antwort bekommen. Die Diskussion jetzt ins Private zu verlagern, wäre nicht fair gegenüber späteren Lesern, die dann im Archiv nur Fragmente der Lösung finden würden. Ich bin daher so frei, deine weiterführende Frage teilweise hier wiederzugeben.

Wenn du die Webseite im Firefox siehst dann siehst du das Bild am Rand ganz rechts an der Tabelle (dort wo der Copyright vermerk drinn steht) und so sollte es auch im Internet Explorer aussehen.

Das Bild ist in beiden Browsern genau da, wo du es positioniert hast: 960px (2mal 480px) vom linken Rand, und 674px (2mal 337px) vom oberen Rand des Browserfensters. Nur die Inhalte der Seite sind durch die unterschiedlichen Browser-Defaults im IE etwas größer als im FF, so dass der eigentliche Inhalt im IE das Dokument höher als 674px werden lässt - womit das Bild nicht mehr bündig am unteren Rand sitzt.

Falls du die Frage schon verstanden hast, bitte ich dich mir das noch einmal anders zu erklären da ich es im Forum nicht richtig verstanden habe.

Dann informiere dich bitte einmal, wie absolute Positionierung wirkt, was es für Alternativen gibt (float ist oft eine), und was genau Klassen und IDs ausmacht bzw. was der Unterschied zwischen ihnen ist.

Und wie ich schon sagte: Wenn du ein Element am rechten bzw. unteren Rand ausrichten willst, dann gib seine Position nicht bezogen auf den linken bzw. oberen Rand des Browserfensters an.

Schönen Abend noch,
 Martin

[kEv*]

Begrüßung ('Hallo'),

zum Thema Bild schließ ich mich dem anderen Kollegen an. Eins finde ich persönlich noch sehr störend.
Wieso lädt mir mein geöffnetes HTML Editor Programm deine CSS File?
LG
--
kEv*
----