Div mit fester Höhe mittig ausrichten

heatseeker · 20.01.2005, 11:57

hi TP,

Also,..

denke das meine überschrift schon alles sagt.
hab ein div mit einer festen höhe und möchte es genau in der mitte der page ( vertikal ) ausrichten.

Wie geht das?

heatseeker

walter · 20.01.2005, 12:10

Wie lange bist du jetzt schon im TP?

Suche benutzen!

ICh habs mal für Dich gemacht:
http://www.traum-projekt.com/forum/s...kal+zentrieren
http://www.traum-projekt.com/forum/s...kal+zentrieren

Meine Meinung: Eine saubere Lösung gibt es nicht wirklich!

heatseeker · 20.01.2005, 12:28

Sry, bin grad etwas im stress...

Thx, aber da ist leider keine lösung bei die für mich in frage kommt

Schönen tag noch

heatseeker

walter · 20.01.2005, 12:30

Ich hab ja gesagt, ich kenne auch keine "vernünftige" Lösung ohne Hacks. Wenns valide sein soll würde ich das vergessen.
Ansonsten wenns absolut notwendig ist würde ich es mit einer Tabelle 100% Höhe machen und den Doctype weglassen.

Aber ich persönlich lasse die Finger davon!

hero-master · 20.01.2005, 14:07

Zitat:

Zitat von heatseeker

Thx, aber da ist leider keine lösung bei die für mich in frage kommt

Die hier nicht? : http://css-faq.de/index.php?sid=6105...6&id=2&lang=de

Wenn du ein DIv im Body zentrieren willst, wohl die beste Lösung, falls du beispielsweise ein Div in einem Div zentrieren, kannst du das auch mit margin machen, da die Höhe ja fest ist

heatseeker · 20.01.2005, 14:45

Ja, prinzipelln schon.

aber nicht wenn der div der zentriert werden soll eine breite von 100% hat...

hero-master · 20.01.2005, 14:59

Zitat:

Zitat von heatseeker

Ja, prinzipelln schon.

aber nicht wenn der div der zentriert werden soll eine breite von 100% hat...

Geht doch, oder?

HTML-Code:

<div style="width:100%; height:200px; margin:-100px 0 0 -50%; top:50%; left:50%; position:absolute">Inhalt</div>

heatseeker · 20.01.2005, 15:25

Zitat:

Zitat von hero-master

Geht doch, oder?

HTML-Code:

<div style="width:100%; height:200px; margin:-100px 0 0 -50%; top:50%; left:50%; position:absolute">Inhalt</div>

nein funzt nicht...

Jedenfalls net im IE 6

hero-master · 20.01.2005, 15:29

Zitat:

Zitat von heatseeker

nein funzt nicht...Jedenfalls net im IE 6

Funktonier bei mir wunderbar im FF 1.0, IE 6/5.5, Opera7

Wie sieht denn dein kompletter Quälcode aus?

heatseeker · 20.01.2005, 15:30

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

	<title>Unbenannt</title>
</head>
<body>
<div style="background-color:black; width:100%; height:200px; margin:-100px 0 0 -50%; top:50%; left:50%; position:absolute">Inhalt</div>
</body>
</html>

hero-master · 20.01.2005, 15:40

Wenn du dem body noch ein padding und margin 0 gibst, müsste es auch im IE ganz passen.
Also bei mir klappt dein Code..Hast du Windoof? Zeig doch mal bitte einen Screenshot, wie es bei dir aussieht

heatseeker · 20.01.2005, 15:47

Thx, hat geklappt