div im css zentriert an der page ausrichten

Dragooni

Habe mal ne doofe Frage...
wie richte ich ein div element so aus, dass es in der mitte der page ist?
Und zwar mit css da ich mit xhtml 1.0 strict programmiere
Mit vertical-align:middle scheints ja nicht zu klappen...

Danke für Antworten

::RMB::

Ich würde es mit <center> machen aber das wird nicht valid sein.
Mach in das zu zentrierende Element ein style="margin:0 auto 0auto;"

Das sollte valid sein.

Wenn man fragen darf.
Wieso gleich strict? transistiodingsbums würde es auch tun.

Ronald

Zitat von ::RMB::

Das sollte valid sein.

... funktioniert nur im Mozilla.
Für den IE setzt du zusätzlich in den darüberliegenden Tag (notfalls in den Body-Tag) den Style "text-align:center".

G.a.d.M.

Ronald

Dragooni

text-align was hat das mit tect zu tun?
naja es klappt ja und das zählt
ty

Ronald

Das hab ich mich auch schon immer gefragt, es wird wohl der Quelltext gemeint sein *fg*

Ronald

::RMB::

Auch wenn der FF den Acid Test nocht besteht der IE ist einfach nicht normal.

Bill Shame on you

Dragooni

och lasst doch den lieben IE in Ruh

::RMB::

Ohne IE wäre die Welt schöner.

Ich mach den IE zwar nie auf aber nur schon wenn ich IETab verwende sehe ich dieses *********** Logo.

Alle die den IE nützen wissen einfach nicht was Firefox für schöne Add-Ons und Themes hat.

Haben beide Sicherheitslücken.
Aber mit dem FF liess sich nie Code aus CSS Dateien ausführen so das man was installieren konnte.

Für den FF gibt es etwa 20 Explois dagegen für den IE etwa 100.
Sie sind zwar nicht aktuell.

Und den IE7 Final kann ich nicht mal über den IE7 Beta 3 installieren.
Zu blöd oder was? Nicht mal ne Fehlermeldung.
Regmon und Filemon würden helfen, but who cares?

Dragooni

Naja, IE finde ich schon Recht, aber wäre mal Zeit dass sich die Browserhersteller auf eine Methode einigen, dass der Quelltext überall gleich behandelt wird xD

Hier darum mein Problem:
Ich zentriere mein div im CSS eben mit text-align:center
Nur zu doof dass Firefox das nicht zentrieren will...
Ist daas allgemein so, oder brauche ich für FF einen anderen Code?

HolyMarcell

Warum wieder ueber Browser streiten... kommt doch eh das selbe raus

Oben kam schonmal der ansatz, das hier sollte klappen:

Code

#der_container
{
	margin-left: auto;
	margin-right: auto;
}

In IE und FF wirds richtig dargestellt.

//edit: code-tags vergessen

Dragooni

Aha diese Methode gefällt mir wesentlich besser
ty

sejuma

Hier mal ein Beispiel für einen Container mit 500 px Höhe und 700px Breite, der horizontal und vertikal zentriert ist. Die Werte können ja leicht entsprechend angepasst werden.
CSS

Code

body
{
margin: 0;padding: 0;
}
#center
{
position: absolute;height: 500px;width: 700px;margin-top: -250px;margin-left: -350px;top: 50%;left: 50%;z-index:1;border:1px solid black;
}

HTML

Code

<body>
<div id="center">
Inhalt
</div>
</body>

Tags