Henning: text-align ohne text zentrieren

SELF-Forum

text-align ohne text zentrieren

Henning
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. text-align ohne text zentrieren

    Björn Höhrmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    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.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. text-align ohne text zentrieren

      Henning
      – Informationen zu den Bewertungsregeln

      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

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. text-align ohne text zentrieren

        Thomas J.S.
        – Informationen zu den Bewertungsregeln

        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

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

      2. text-align ohne text zentrieren

        Björn Höhrmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        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.

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln