Bilder horizontral zentrieren

[Biesterfeld]

Hej,

  

> div#Inhalt img{  
>   border:0;  
>   text-align:center;  
>   }

Du möchtest also den Inhalt _in_ deinem <img /> zentrieren?

Angelehnt an dieses Beispiel müßte doch meine Grafik (z.B. auf der Startseite) eigentlich zentriert sein?

Du hast es aber nicht an das Beispiel angelehnt ;). Mit text-align zentrierst du den Inhalt _innerhalb_ des definierten Elements. In dem Fall müsstest du also #Inhalt dieses text-align geben. Unschön daran ist natürlich dass auch alle Kindelemente und Textknoten dieses Verhalten erben. Wenn du an deiner html-Struktur nichts mehr ändern möchtest, musst du das <img /> zu einem Block-Element machen und es mittels margin positionieren.

  
#Inhalt img{  
  border: 0;  
  display: block;  
  margin: 0 auto;  
}

Hab jetzt keinen IE zur Hand. Ich meine, mich aber erinnern zu können, dass er wiederum nicht damit zurecht kommt und mal wieder eine Extrabehandlung benötigt. Bin mir aber nicht ganz sicher.

Achso: Es ist eigentlich nicht nötig, dass du im CSS eine ID in der Form element #id einsetzt, da die ID in _einem_ html-Dokument schließlich eindeutig sein soll. Es hätte höchstens Sinn, wenn du das CSS dokumentübergreifend einsetzt und die IDs in verschiedenen Dokumenten in verschiedenen Kontexten vorkommt. Dann solltest du dir aber überlegen ob es nicht eigentlich eher eine Klasse ist. War aber auch nur eine Anmerkung, weil falsch ist es AFAIK nicht.

Beste Grüße
Biesterfeld