Div genau in der Mitte

[coolerj]

Hey,

Ich suche eine Möglichkeit ein DIV genau in der Mitte zu bekommen. Also auch von oben.

MfG

 

[threadi]

Ein div ist ein Blockelement. Das könntest Du absolut positionieren, auch wenn ich selten und ungern so einen Tipp gebe.

position: absolute;
margin-top: -120px;
top: 50%;
height: 240px;

 

[prm]

Variante 2

 

[coolerj]

Wenn ich das so mache.

[CSS] text-align: center;
width: 100%;
height: 162px;
background-image:url(bgrepeate.png);
background-repeat: y-repeat;
position:absolute;
top:50%;
left:50%;
margin-left: -50%; /* Breite des Elements geteilt durch zwei! */
margin-top: -81px; /* Höhe des Elements geteilt durch zwei! */[CSS]

Ist das aber nicht genau in der Mitte.
Vorschau: gamingforyou.tk

 

[prm]

Bei mir ist es in der Mitte.
Der Seite fehlt ein standardkonformer Doctype.
Wozu sind die Frames gut?

 

[coolerj]

Das liegt an dot.tk

wenn du es ohne Frames haben willst GamingForYou - Coming Soon

 

[threadi]

Dort fehlt weiterhin ein Doctype. Ohne den macht jeder Browser "was er will".

 

[Uelik]

Ich persönlich würde das mit Java-Script lösen.

Dann kannst du die body-Höhe auslesen und die Höhe des Divs welches du zentrieren möchtest und dann noch durch 2 und du hast den Abstand von oben..

 

[Elroy]

Ich persönlich würde das mit Java-Script lösen.

Dann kannst du die body-Höhe auslesen und die Höhe des Divs welches du zentrieren möchtest und dann noch durch 2 und du hast den Abstand von oben..

Funktioniert nicht mit deaktiviertem Javascript, ausserdem total falscher Lösungsansatz, kannst du also vergessen.

Gruss
Elroy

 

[Uelik]

Doch das wäre die richtige Lösung, wenn du einen Inhalt machen willst welcher dynamisch ist. Wenn du natürlich eine feste Höhe definierst dann ist die normale CSS-Lösung schon ok. 90% aller Menschen haben JavaScript aktiviert ;)