✔ Bildunterschrift daneben

[Sprint]

Hallo,

ich habe auf einer Seite ein Vorschaubild mit dazu gehörender Bildunterschrift links oben in einen Text eingeklinkt. Im Safari und FF wird es auch richtig angezeigt, im IE und Opera wird hingegen die Unterschrift neben das Bild und damit in den eigentlichen Text gesetzt.

Beispiel

Und so wird das erzeugt:
CSS:

<style type="text/css" media="screen"><!--
.bilder { 
  font-size:
  text-align: center; 
  text-transform: uppercase; 
  margin: 1px 10px 33px 0; 
  width: 200px; 
  height: 180px; 
  float: left; 
  clear: left; 
  border: 10px transparent }
--></style>

HTML:

<div class="bilder">
<a href="..."><img src="..." align="left" border="0" width="200" height="180"></a>
<p>Foto aus Hinspiel</div>

Ok, ich bin keine große Leuchte in CSS, aber das ist doch eigentlich kein so extrem schwieriger Fall. Aber da bin ich jetzt absolut am Ende. Kann mir jemand sagen, was da das große Geheimnis ist?

 

[Maik]

Hi,

das "Geheimnis" ist das Attribut align="left" des Grafikelements.

mfg Maik

 

[Sprint]

Ok, daran hab ich nun überhaupt nicht gedacht. Vielen Dank!