Das musste ich aufgrund von Unwissenheit tun. Ich wusste nicht, dass bei xhtml Transitional text-align:center möglich ist. Für mich heißt text eben Text, nicht Bild..^^
hmm das hat relativ wenig mit dem Dokumenttyp zu tun.
Ansonsten darfst du inline-Elemente quasi immer wie Text betrachten (Ausnahmen mag es geben, mir fällt aber gerade keine ein) und behandeln und <img>
ist ein inline-Element :)
selfhtml.org kann dich darüber aufklären welche Elemente inline sind und welche nicht. Auf die üblichen DOM-Analyse-Tools (Bugzilla, Chromium-Devtools und Dragonfly) informieren dich über den display:
-Wert laut Browser-Stylesheet.
Das Skalieren von Bildern im Browser solltest du vermeiden.
Ansonsten währe das Bild nichtmal über die halbe Breite gegangen. Aufgrund der Einfachheit des Bildes macht es gerade keine großen Probleme, danke für den Rat!
Auch Bilder lassen sich im CSS skalieren, ich würde Gunnar hier auch widersprechen... man kann ja unter Umständen gar nicht die Fensterbreite voraussehen und muss Bildgrößen daran anpassen und ich erstelle auch nicht x Verianten einer Datei, die ich dann dynamisch mit JavaScript austausche wenn jemand die Größe seines Fensters ändert.
Ein display:block; max-width:100%;
ist da hier und da meiner Meinung nach durchaus sinnig.
Grundsätzlich ist es aber sicher eine gute Idee eine erstmal passende Größe zu erstellen, wenn man die Pixelbreite ohnehin schon hardcodet. Wenn meine Bildgröße aber relativ zur Schriftgröße sein soll (z.B. Smileys, die genauso hoch sind wie der Fließtext, deren Teil sie sind), dann werde ich eine Höhenangabe in ex oder em machen, die Breite passt der Browser idR automatisch passend an (und umgekehrt), will sagen das Seitenverhältnis bleibt.
Grüße