div - horizontal und vertikal zentrieren

[klunzen]

wie kann man ein div-element mittig ausrichten?

so dass es egal von der bildschirmauflösung immer in der mitte angezeigt wird..

thx

[StarWolf3000]

müsste so gehen:

Code: Alles auswählen

<div style="position: absolute; text-align: center; vertical-align: middle">Text</div>

[fanrpg]

Ehm nein text-align; gilt nur für Text nicht für das div selber.
Wenn da so evt.

Code: Alles auswählen

<div style="position:absolute; width:20%; margin-left:40%; margin-right:40%; vertical-align:middle;">Text</div>

[Mr Death]

Hi,

es ist ganz einfach:

Code: Alles auswählen

<div style="width: 700px; margin: auto;">inhalt</div>

Die Breite halt entsprechen ändern.

MfG

/edit: sry, hab überlesen, dass du das div auch vertikal mittig haben willst.

[S2B]

so dass es egal von der bildschirmauflösung immer in der mitte angezeigt wird..

Wie du schon siehst, geht das nur mit absoluter Positionierung (position: absolute).

Horizontale Zentrierung kannst du mit margin: auto lösen, vertikale hingegen funktioniert in CSS bis jetzt fast gar nicht (bei Text mit line-height und vertical-align, innerhalb von Tabellenzellen (<td> und <th>) mit vertical-align oder eben mit absoluter Positionierung).

[klunzen]

habs mit

Code: Alles auswählen

#hintergrund {
	width: 800px;
	margin-left: -400px; /* halbe weite */

	height: 600px;
	margin-top: -300px; /* halbe höhe */

	position: absolute;
	top: 50%;
	left: 50%;
}

gelöst

funzt prima.. egal bei welcher auflösung ab 800x600