63130
Nov 10, 2008, updated at Nov 14, 2008 at 06:13:25 (UTC)
7052
9
0
Div Bereich vertikal Zentrieren
Ich arbeite derzeit an einer Seite, für welche ich einen Div Bereich auf einer Seite zentrieren muss.
Hallo,
ich arbeite derzeit an einer Seite und habe dabei ein Problem: Der Inhalt der Seite soll zentriert werden. Der Inhalt steht in einem Div Bereich, welcher demnach sowohl horizontal als auch vertikal mittig auf der Seite stehen soll, egal bei welcher Auflösung.
Hier eine Vorschau wie es aktuell aussieht: http://www.tekstr.de/developer/helen
Und hier der Quelltext:
Die oben im Quelltext erwähnte CSS Datei ist zur Zeit noch leer. Also wie kann ich den Div Bereich (Außenrand) vertikal zentrieren? Irgendeine Idee?
Vielen Dank schonmal
Grüße
Max aka v3rtico
ich arbeite derzeit an einer Seite und habe dabei ein Problem: Der Inhalt der Seite soll zentriert werden. Der Inhalt steht in einem Div Bereich, welcher demnach sowohl horizontal als auch vertikal mittig auf der Seite stehen soll, egal bei welcher Auflösung.
Hier eine Vorschau wie es aktuell aussieht: http://www.tekstr.de/developer/helen
Und hier der Quelltext:
<html>
<head>
<title>Helen's Seite</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<!-- Außenrand-->
<div align="center" style="margin: 0 auto" >
<div
align="center"
style="
padding-left:50px;
padding-right:170px;
width:730px;
height: 580px;
border:1px solid black;
margin: auto;">
<!-- Innenrand-->
<div style="
width:639px;
height: 364px;
border:1px solid black;
margin-top: 145px;
padding-left: 50px;
padding-right: 50px;
padding-top: 20px;
padding-bottom: 20px">
Innenrand
</div>
Dies ist die äußere Box
</div>
</div>
</body>
</html>
Die oben im Quelltext erwähnte CSS Datei ist zur Zeit noch leer. Also wie kann ich den Div Bereich (Außenrand) vertikal zentrieren? Irgendeine Idee?
Vielen Dank schonmal
Grüße
Max aka v3rtico
Please also mark the comments that contributed to the solution of the article
Content-Key: 101417
Url: https://administrator.de/contentid/101417
Printed on: May 6, 2024 at 01:05 o'clock
9 Comments
Latest comment
Hi Max,
wenn du bei jeder Auflösung eine Zentrierung erwirken willst, darfst du nicht mit Pixeln arbeiten. Da es relative Größen sind, nimm em:
Mfg
Mitchell
PS: Der Link oben funktioniert nicht mehr, die Datei ist nicht mehr da.
wenn du bei jeder Auflösung eine Zentrierung erwirken willst, darfst du nicht mit Pixeln arbeiten. Da es relative Größen sind, nimm em:
<!-- Innenrand-->
<div style="margin:5em 5em 5em 5em; width:639px; height: 364px; border:1px solid black;">
Innenrand
</div>
Mfg
Mitchell
PS: Der Link oben funktioniert nicht mehr, die Datei ist nicht mehr da.
Hmm bei mir funktioniert er wunderbar...