cayaphas: text-align - verständnis frage

Beitrag lesen

tach,

ich hab ein kleines problem, wo es wahrscheinlich an meinem verständnis von CSS-eigenschaften bzw. html-objekten hapert:

ich hab folgendes:

<div style="text-align:center;">
   <img src="xyz.jpg" style="width:200px;"/>
   <p style="width:200px">
      Dies ist eine Bildunterschrift die breiter ist als das Bild.
   <p>
</div>

Das Ziel ist es eine Bildunterschrift zu machen, welche nicht breiter als das Bild ist, aber dieses gesamte konstrukt (Bild und unterschrfit) soll mittig, recht oder links setzbar sein.

IE setzt das <p> 200Pixel breit, und das gesamte <p> dann mittig, so wie ich es eigentlich haben wollte. Opera und Firefox setzten das <p> zwar 200 Pixel breit, aber es bleibt links.

Ein nächster Versuch von mir war dann nach dem <img> einen zeilenumbruch zu machen, und das <p> als inline zu setzten, jetzt, übernimmt mir das <p> aber nicht mehr die begrenzte Breite, sondern geht über das Bild hinaus (zentriert ist es aber).

Es geht mir jetzt in erster Linie ums Verständnis:

Block Elemente kann ich zwar breitenmäßig begrenzen, die aber nicht mehr zentrieren, Inline elemente zentriert er mir wunderbar, aber da kann ich die Breite nicht begrenzen? Da liegt das Problem, oder?

Oder liegt das Problem beim äusseren <div> welches zentrieren sollte?

(ich hab ein paar Sachen hier im Archiv gefunden, aber immer nur irgendwelche Lösungen wie man sowas (wie bildunterschriften) machen kann .. weiss aber nicht wo mein verständnisfehler liegt, und demenstprechend auch nicht nach was ich suchen soll .. ein hinweis würde mir schon reichen)

gruss
caya