Bilder positionieren/IE macht Probleme

kuhhund · Neuer [**User**] Anmeldung: 02.05.06 Beiträge: 1

Hallo erst mal!

Ich stehe vor einem (fast) unlösbaren Problem.

Seht euch mal diese Seite an. Möglichst mit Firefox, und danach mit IE.

http://people.freenet.de/der-westerwaelder-kuhhund/karte/karte2.html

Mit Firefox sollten auf der Karte kleine .gif's zu sehen sein, der IE zeigt aber nichts an. Dafür macht der IE die Seite doppelt so lang.
Jetzt könnte ich ja fummeln und probieren, nur leider (zum Glück) habe ich Linux installiert, und kann es unter IE nicht testen.
Hier mal ein verkürzter Codeschnipsel:

<td style=" width: 620px; height 838px">
<img src="deutschlandkarte.jpg" style="width: 620px; height: 838px; margin-top: 0px; margin-left: 0px;">
<img src="kleiner_pin.gif" style="margin-bottom: 548px; margin-left: -299px;">

Es gibt ja einige Möglichkeiten diese .gif's zu positionieren. Leider kann ich aber nicht testen ob der IE damit auch klar kommt. Könnte mir da nicht mal jemand unter die Arme greifen???

Danke schön!
Gruß
Markus

Mozork · Verfasst am: 02.05.2006, 14:38 Titel:

Versuche anstatt mit Margin mit CSS & position: relative zu positionieren

Tuemmel · User [**User**] Anmeldung: 01.05.06 Beiträge: 19

Wo sind denn die Stecknadelköpfe beim IE?
Versuch nochmal z-index:0; beim Bild und z-index:100;display:run-in; bei den gif dazuzusetzen, damit man sie überhaupt mal orten kann. Der IE setzt für die Bildgrösse 838px + 548px vom unteren Rand.
Eigentlich sollten die gif am unteren Bildrand stehen, aber da is nix zu sehn.
Anstelle des Table sollte du einen div - Container benutzen. Da fliegen die Elemente nicht so schnell raus. Ob man run-in auch für img benutzen kann , weiss ich aber auch nicht genau. Sonst probier mal display:inline und position:relative für IE sowieso. margin finde ich aber sonst nicht schlecht. Sonst kannst du als letzen Notnagel auch position:absolute benutzen, da das Bild sich wohl kaum in der Grösse ändert.
Aber probier erst mal damit rum.