Henning: text-align ohne text zentrieren

Hallo,
wie ja schon öfter geschrieben wurde kann man mit text-align Blockelemente nicht zentrieren. Dazu nimmt man margin-left:auto und margin-right:auto.
Ich benutze folgendes in meinem Quelltext und es funktioniert (getestet IE6 und Mozilla1.0).:

<p class="mitte"><img src="pics/abteilung.gif" width="196" height="76" alt="Abteilungen" /></p>

.mitte {
  text-align:center;
}

Die Grafik wird zentriert dargestellt. Das dürfte doch eigentlich nicht sein, oder?

Gruß,
Henning

  1. wie ja schon öfter geschrieben wurde kann man mit text-align Blockelemente nicht zentrieren. Dazu nimmt man margin-left:auto und margin-right:auto.
    Ich benutze folgendes in meinem Quelltext und es funktioniert (getestet IE6 und Mozilla1.0).:

    <p class="mitte"><img src="pics/abteilung.gif" width="196" height="76" alt="Abteilungen" /></p>

    .mitte {
      text-align:center;
    }

    Die Grafik wird zentriert dargestellt. Das dürfte doch eigentlich nicht sein, oder?

    Hier wird nicht das <p> zentriert dargestellt, sondern sein Inhalt, genau das ist richtig. Weise dem <p> eine Breite von < 100% zu und du wirst genau das selber feststellen können.

    1. Hier wird nicht das <p> zentriert dargestellt, sondern sein Inhalt, genau das ist richtig. Weise dem <p> eine Breite von < 100% zu und du wirst genau das selber feststellen können.

      Schon klar, aber warum heißt es dann text-align und nicht align oder halign, wenn es auch nicht Textelemente zentriert. Statt dem <img> könnte man ja auch andere Elemente nehmen.

      Gruß,
      Henning

      1. Hallo,

        Schon klar, aber warum heißt es dann text-align und nicht align oder halign, wenn es auch nicht Textelemente zentriert.

        Weil: "This property describes how inline content of a block is aligned." http://www.w3.org/TR/REC-CSS2/text.html#alignment-prop

        Also gilt text-align für inline-Elemente z.B. <img> oder sogenannte anonyme Textboxen in einem Block.

        Grüße
        Thomas

      2. Hier wird nicht das <p> zentriert dargestellt, sondern sein Inhalt, genau das ist richtig. Weise dem <p> eine Breite von < 100% zu und du wirst genau das selber feststellen können.

        Schon klar, aber warum heißt es dann text-align und nicht align oder halign, wenn es auch nicht Textelemente zentriert. Statt dem <img> könnte man ja auch andere Elemente nehmen.

        Die Eigenschaft wirkt sich auf den Textfluss aus, "Textelemente" gibt es nicht.