Div in der Mitte der Seite

Trunxx

Ich würde gerne mein <div> in der Mitte der Seite (egal wie gross die Seite oder wie hoch die Auflösung) positionieren.

Es gibt hier zwar schon einige Threads über die Positionierung in der Mitte aber das funktioniert bei meinem div nicht...
Wenigstens horizontal zentrieren.

Kann mir da jemand bitte weiterhelfen?

SideWinder

Horizontal sollte folgende Anweisung helfen:

<div style="text-align: center">
</div>

Für vertikale Zentrierung gibts da einen ähnlichen CSS-Befehl allerdings scheint der nicht zu funktionieren (so sieht der Smily echt dämlich aus).

Was meinst du das funktioniert bei deinem DIV nicht?

MfG SideWinder

Korbinian

wenn du das gesamte div (nicht nur den inhalt) mittig haben willst:

<center>
  <div ...> ... </div>
</center>

Shade Of Mine

horizontal ist einfach, vertical ist schwer.

margin:auto;
reicht theoretisch

praktisch gesehen baust du noch ein <div align="center"> herum...

vertical ist blöd, du kannst zB die div höhe auf 30% setzen und dann ein position:absolute; mit top:85%; arbeiten...

Trunxx

Funktioniert leider auch nicht!

Hier mal mein Code

...
<style type="text/css">
<!--

a:link { font-family:Arial,sans-serif; font-size:8pt; color:black; }
a:visited { font-family:Arial,sans-serif; font-size:8pt; color:black; }
a:hover { font-family:Arial,sans-serif; font-size:8pt; color:red; }
a:active { font-family:Arial,sans-serif; font-size:8pt; color:black; }

body { margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px }
.navtext { font-family:Arial,sans-serif; font-size:8pt; color:black;}
.bannertext { font-family:Arial,sans-serif; font-size:8pt; color:white; }
.maintext { font-family:Arial,sans-serif; font-size:8pt; color:black;}
.dirtext { font-family:Arial,sans-serif; font-size:7pt; color:black;}
.dirtext2 { font-family:Arial,sans-serif; font-size:7pt; color:black; }

.newstext { font-family:Arial,sans-serif; font-size:8pt; color:black;}
.body { background-color:#CCCCCC; }

.layout { font-family:Arial,sans-serif; font-size:12pt; color:white;
          margin:0px; margin-bottom:0px;
          background-color:#E7E7E7;

          width:600px;
          height:400px;
          padding:1px;
          margin:0px;
          border:4px solid #FFFFFF;
        }
-->
</style>
</head>
<body text="#000000" bgcolor="#CCCCCC" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<div class="layout" style="text-align:center">
...

EDIT: Mit einem <div align="center"> funktioniert alles. Thx

SideWinder

Dachte align="" ist nix mehr Standard?

MfG SideWinder