Internetexplorer zeigt rechts ausgerichtete Bilder nicht an

[Robert Steffens]

Hallo,

ich hatte schon einmal eine Frage zu dem Problem gestellt. (vgl. Link)

Ich wenn ich einer Grafik mittels css und float:left bzw. mit html und <img ... align=right ..> einbinde, wird dieses im Internetexplorer unter dem div Element gezeichnet. Es muss doch eine möglichkeit geben, das zu umgehen, vielleicht hat jemand noch eine idee.

(Link zur Page, auf der das demonstriert ist: http://robbyber.xail.net/index.php?page=Test)

Danke noch mal

Robert

[Ingo Turski]

Hi,

(Link zur Page, auf der das demonstriert ist: http://robbyber.xail.net/index.php?page=Test)

das ist weder ein Link noch ein brauchbares Beispiel. Einige der Bilder sind doch neben dem Text platziert. Du mußt nur noch ein wenig drüber nachdenken, wieso das bei diesen so ist.

freundliche Grüße
Ingo

[Robert Steffens]

Hi,

(Link zur Page, auf der das demonstriert ist: http://robbyber.xail.net/index.php?page=Test)
das ist weder ein Link noch ein brauchbares Beispiel. Einige der Bilder sind doch neben dem Text platziert. Du mußt nur noch ein wenig drüber nachdenken, wieso das bei diesen so ist.

Ja, es ist nur die Adresse zur Page.

Haste dir die Seite im Internet Explorer angesehen? Dort sind die Bilder hinter dem "gelben Kasten" und werden nicht angezeigt. Mittels Firefox werden funktioniert die positionieren auf der rechten Seite. Sogar im Netscape Communicator 4.8 werden die Bilder angezeigt, halt nur nicht im Internet Explorer. Auch das bestimmen von z-index hatte nicht geholfen die Bilder im Internetexplorer nach oben zu "zaubern"

Bye

[Ingo Turski]

Hi,

werden die Bilder angezeigt, halt nur nicht im Internet Explorer. Auch das bestimmen von z-index hatte nicht geholfen die Bilder im Internetexplorer nach oben zu "zaubern"

der IE hat halt Probleme mit sich überlappenden Boxen, die nicht absolut positioniert sind. Und z-index kann bei nicht positionierten Elementen ohnehin nichts bewirken.

freundliche Grüße
Ingo

[Robert Steffens]

Hi,

der IE hat halt Probleme mit sich überlappenden Boxen, die nicht absolut positioniert sind.

Gut gibt es eine Möglichkeit mittels eines Tricks ihn doch davon zu überzeugen das Bild darzustellen?

Bye

Robert

[Ingo Turski]

Hi,

Gut gibt es eine Möglichkeit mittels eines Tricks ihn doch davon zu überzeugen das Bild darzustellen?

vermutlich ja und sogar ganz ohne "Trick". Du müßtest Dich nur etwas intensiver mit CSS beschäftigen und die Positionierungsarten und -möglichkeiten genau verstehen. Um Dir hierbei helfen zu können, müßte man aber erstmal wissen, was Du überhaupt willst. Dein Beispiel demonstriert das Problem ja nun wirklich nicht. Reduziere es auf das für das Problem erforderliche.

freundliche Grüße
Ingo

[Robert Steffens]

Ich möchte einfach, dass ein Bild welches mit

<img src="./uploads/images/250_schema_fallen_rueckwerts.png" style="float:right;"  width="250" height="164" alt="Schemazeichnung des Fallen rückwerts" />

oder

<img src="./uploads/images/250_schema_fallen_rueckwerts.png" align="right"  width="250" height="164" alt="Schemazeichnung des Fallen rückwerts" />

eingebunden ist auch im Internet Explorer dargestellt wird. Eine Seite, die dieses evtl. besser zeigt ist:

http://robbyber.xail.net/index.php?page=Fallen_r_ckw_rts

Mit Firefox wird die "Schemazeichnung" auf der rechten Seite gezeigt und der Text umfließt das Bild. Mit dem Internet Explorer ist das Bild nicht zu sehen.

Bye

Robert

[Ingo Turski]

Hi,

Ich möchte einfach, dass ein Bild welches mit

<img src="./uploads/images/250_schema_fallen_rueckwerts.png" style="float:right;"  width="250" height="164" alt="Schemazeichnung des Fallen rückwerts" />

eingebunden ist auch im Internet Explorer dargestellt wird.

Das sollte dem IE keinerlei Probleme bereiten.

Eine Seite, die dieses evtl. besser zeigt ist:

http://robbyber.xail.net/index.php?page=Fallen_r_ckw_rts

Vielleicht stört sich der IE hier daran, daß das floatende IMG innerhalb eines A ist? auf jeden Fall wird der Platz für das Bild freigehalten und der Text fließt hierum. Lasse doch mal stattdessen A floaten.

freundliche Grüße
Ingo

[Robert Steffens]

Hallo,

Vielleicht stört sich der IE hier daran, daß das floatende IMG innerhalb eines A ist? auf jeden Fall wird der Platz für das Bild freigehalten und der Text fließt hierum. Lasse doch mal stattdessen A floaten.

Das bewirkt auch nix. Ich habe das Problem aber noch einmal reproduzieren können.

Ich habe zwei div Elemente. Das eine Element ist von dem anderen umschlossen. Wenn ich dem inneren div Element position: relative; zuweise, wird das Bild, welches sich in diesem Container befindet, vom Internet Explorer überdeckt. Wird dem inneren div Element hingegen static zugewiesen, wird das Bild auch richtig angezeigt.

Also einfachste Variante, ich entferne den durch die zwei divs realisierten Schatteneffekt.

Danke schon mal

Robert

[wahsaga]

hi,

Ich habe zwei div Elemente. Das eine Element ist von dem anderen umschlossen. Wenn ich dem inneren div Element position: relative; zuweise, wird das Bild, welches sich in diesem Container befindet, vom Internet Explorer überdeckt.

ja, das ist ein bekannter IE-bug.

siehe bspw. auch http://www.phoenity.com/newtedge/drop_shadow/#stretch, wo ebenfalls versucht wird, einen schatteneffekt unter benutzung eines relative positionierten containers, in dem dann der eigentliche inhalt absolute positioniert wird, zu erzielen:

There are three disadvantages in this method:
[...]
3. The content couldn't be floated.

gruß,
wahsaga

[Ingo Turski]

Hi,

siehe bspw. auch http://www.phoenity.com/newtedge/drop_shadow/#stretch

hehe... wo der IE als veralteter Browser vom CSS ausgeschlossen wird.

freundliche Grüße
Ingo