Da ich ja mit großer Begeisterung die schönen Drop Shadows von Dunstan für die Bilder hier verwende hab ich natürlich gleich mal den ALA-Artikel ausprobiert, der eine Verbesserung der Technik verspricht.
Der große Unterschied ist im Prinzip das die ALA-Technik das Div, in dem das Bild drin ist, floated und das bei Dunstans Version mit relativer Positionierung gemacht wird.
Das was mich bei Dunstans Version stört ist, das man immer die Breite des Container-Divs angeben muss (was die Breite des Bildes plus 10 Pixel ist):
<div class="img-ilus" style="width:221px">
<img src="http://theflow.de/images/master_and_commander.jpg"
alt="" width="211"/>
</div>
Allerdings ist das Argument bei ALA:
We float the div to avoid having to specify its size (otherwise it will take up all available horizontal space).
ja auch nicht sauber. Es heisst doch immer man solle auf jeden Fall Floats eine Breite zuweisen sonst regiert das Chaos.
So bin jetzt doch wieder bei der ursrpünglichen Version gelandet aber nur aus dem Grund weil ich es nicht geschafft habe ein Bild mit der ALA-Technik zu zentrieren.
Warum gibt es kein float:center?
moin, ich versteh nicht ganz, was du mit float:center; bewirken willst, denn das würde eigentlich nur einer div links mit float-left, dem bild mit float-left und der dritten div, die rechts daneben rutscht sein. ist aber sicherlich nicht das, was du als ergebnis willst, oder? wenn du es einfach zentrieren willst, dann gibts dafür andere attribute. und zentriert von text umfließen lassen geht wohl auch über align- und clear-definitionen, dürfte aber nicht lesbar sein.
Im Prinzip ist Float nicht das was ich brauche und das mit float:center auch eher sinnlos. Aber ich habe immer Probleme Bilder zu zentrieren, in Verbindung mit den Drop-Shadows noch mehr und es gibt wohl keine Möglichkeit ein Bild zu zentrieren ohne explizit die Größe anzugeben