ausgerichtete Bilder werden im Internet Explorer nicht angezeigt

[Robert]

Hallo,

ich habe folgendes Problem, ich habe eine Seite, die mittels CSS formatiert ist. Wenn ich ein Bild mittels

<img src="./uploads/images/foto_robert.jpg" alt="Foto" />

einbinde, ist alles i.o. das Bild wird im div dargestellt.

Nutze ich hingegen

<img src="./uploads/images/foto_robert.jpg" align="left" />
oder
<img src="./uploads/images/foto_robert.jpg" align="right" />
oder
<img src="./uploads/images/foto_robert.jpg" style="float:left;" />

Wird mittels Firefox das Bild im div angezeigt, der Internetexplorer legt das Bild aber irgendwo hinter dem div an.

Kann mir jemand sagen wie das kommt und was man dagegen tun kann? Ich habe mal die URL angegeben von der Seite, wo das Problem auftritt.

Bye Robert

[Zeromancer]

Hallo Robert,

Nutze ich hingegen

<img src="./uploads/images/foto_robert.jpg" align="left" />

dann benutze es nicht und bediene dich bei CSS.

  
<p><a name="artikel" class="unsichtbar"></a></p>  
<img src="./uploads/images/foto_robert.jpg" alt="Foto" />  
<img src="./uploads/images/foto_robert.jpg" align="left" />  
<img src="./uploads/images/foto_robert.jpg" align="right" />  
<p style="clear:both;"><a href="#Seitenanfang">Zurück zum Seitenanfang</a></p>  

Deine Seitenauszeichnung lässt sich noch optimieren. Z.B. solltest du bei wechselnder Ausrichtung jedes Bild in ein Blockelement packen und dann mittels 'text-align' ausrichten.

Bsp:

  
<p style="text-align:left;"><img src="./uploads/images/foto_robert.jpg" width="136" height="200" alt="Robert" /></p>  
  
<p style="text-align:right;"><img src="./uploads/images/foto_robert.jpg" width="136" height="200" alt="Robert" /></p>  

Ich vermisse im Übrigen die Höhen und Weitenangaben in deinem Quelltext für die Bilder sowie das alt-Attribut.

Mit freundlichen Grüßen

André

[Robert]

Hallo,

Deine Seitenauszeichnung lässt sich noch optimieren. Z.B. solltest du bei wechselnder Ausrichtung jedes Bild in ein Blockelement packen und dann mittels 'text-align' ausrichten.

Bsp:

<p style="text-align:right;"><img src="./uploads/images/foto_robert.jpg" width="136" height="200" alt="Robert" /></p>

>   
  
Wenn ich es so mache habe ich allerdings das Problem, dass das Element nicht vom Text umflossen ist. Wenn ich das ganze dann mit float probiere, habe ich wieder das gleiche Problem, dass das Bildelement unter dem Div Block dargestellt wird. Hat jemand noch eine andere Idee?  
  
Bye Robert