Bildunterschrift samt fließenden Text unter IE

[Felix Riesterer]

Lieber Dionysos,

ich löse solche Probleme so:

<p class="illustration-rechts">  
    <img src="pfad/bild.jpg" alt="Kurzbeschreibung. " />  
    Bildunterschrift mit <em>möglichen</em> Auszeichnungen  
</p>

Das ist semantisch sicherlich die reinste Lösung, die mittels CSS exakt so gestaltbar ist, wie Du es ursprünglich haben wolltest.

.illustration-rechts {  
    float: right;  
    margin: 0 0 0 1.3em;  
    padding: 0.5em;  
    border: 1px solid black;  
    /* Je nach Standardbreite der Bilder ist dieser Wert anzupassen: */  
    width: 230px;  
    /* Hier könnte man auch "justify" verwenden: */  
    text-align: center;  
    /* Kursivschrift ist sicherlich optional... */  
    font-style: italic;  
}  
  
.illustration-rechts img {  
    /* Bild innerhalb der Box mittig und ausreichend Abstand unten/oben */  
    display: block;  
    margin: 0.2em auto 0.3em auto;  
}

Seitenverkehrt geht das natürlich auch...

Liebe Grüße,

Felix Riesterer.