Der CENTER Tag, deprecate und mit CSS? Einstellungen

[Conny]

Hallo,
früher konnte man *alles* was irgendwie in der Mitte sollte mit dem <center> Tag zentrieren.
Klar, das geht zwar heute auch noch, aber, man sollte es sich abgewöhnen...(in HTML heißt das wohl deprecated )
Schade eigentlich, denn bis dato habe ich keine redliche Alternative im CSS Bereich gefunden.
text-align: center; geht, aber auch nicht für alles! (ausser bei dem IE natürlich )

Wie zentriert man z.B. alles was in einem DIV-Container steht zur mitte?
(also inklusive Text, Tags, Bilder, etc.)

<DIV style:text-align: center;> dürfte da wohl nicht ganz reichen...

Any suggestions?

Conny

[Conny]

Hallo,

...schon mal mit margin: auto versucht?...

Ja, aber die Ergebnisse sind nicht echt befriedigend.
Wenn das zu zentrierende Element (z.B. DIV-Container) eine feste breite hat ist das alles durchaus mit der Breitenangaben und minuszahlen machbar.
Beispiel:
position: absolute; /* Vielleicht nicht immer notwendig */
top: 50%;
left: 50%;
width: 500px; /* Inhalts Breite */
height: 400px; /* Inhalts Höhe */
margin-top: -200px; /* Höhe geteilt durch -2 */
margin-left: -250px; /* Breite geteilt durch -2 */

Dabei sind Minuszahlen in CSS wohl auch nicht das gelbe vom Ei.

Schwieriger wird es wenn ich alles innerhalb dieses Containers auch noch zentrieren möchte....

Es geht wohl darauf hinaus, daß man alle Absätze, alle Listen, alle Bilder und alles was da noch so drin sein kann separat und extra zentrieren muss.
Alles auf einem Schlag (wie <center>) geht wohl nicht, oder?

cu
Conny

[Ede]

Schwieriger wird es wenn ich alles innerhalb dieses Containers auch noch zentrieren möchte....

Es geht wohl darauf hinaus, daß man alle Absätze, alle Listen, alle Bilder und alles was da noch so drin sein kann separat und extra zentrieren muss.
Alles auf einem Schlag (wie <center>) geht wohl nicht, oder?

Lieber Conny,

eigentlich denke ich, dass du viel mehr Kenntnisse über HTML besitzt wie ich
Nun soll also der Zauberlehrling dem Zauberer sagen wie's geht?

Also ich würde halt einen CSS-Style anlegen:

QUELLTEXT

.zentriert {margin-left: auto; margin-right: auto;}

Dann halt jedem Blockelement innerhalb des Containers das "class="zentriert" mitgeben. Weitere Klassen kann man ja bequem kaskadieren.
Schon mal versucht innerhalb des Parent-Containers noch einen Container zu setzen, der den weiteren Inhalt mit "margin:auto" zentriert.

Ich hab's nun nicht ausprobiert, müßte aber im Sinne der Vererbung auf Child-Objekte ja gehen.

HTH