✔ Div zentrieren

Status
Nicht offen für weitere Antworten.
N

nex_m

Erfahrenes Mitglied
Hi,

hoffe das die Frage so noch nicht gestellt wurde. Gibt es die Möglichkeit ein Div zu zentrieren, wenn es absolut positioniert wurde. Wie man divs (relativ) zentriert ist mir klar aber diesen kann man dann keine Ebene zuweisen (z-index). Soweit ich das weiß geht das ja nur bei absolut positionierten?

Naja,
wäre schon wenn mir jemand da helfen könnte

MFG
 
Hi,

wenn feste Grössen (Höhe und Breite) angegeben wurden, kann das Element zunächst mit
top: 50% und left: 50% zentriert werden. Mit margin-top und margin-left, die die
halben Grössenangaben enthalten, kann nachpositioniert werden.

Beispiel:
Ein Container sollin einem umschliessenden DIV zentriert werden:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta name="author" content="Quaese" />

<style type="text/css">
  <!--
body, html{ height: 100%;}

body{ margin: 0;
      padding: 0;}

.testDiv{ position: relative;
          width: 500px;
          height: 500px;
          border: 1px solid #000000;}

.absDiv{ position: absolute;
         width: 200px;
         left: 50%;
         margin-left: -100px;
         height: 200px;
         top: 50%;
         margin-top: -100px;
         background: #00FF00;}

  -->
</style>

</head>
<body>
<div class="testDiv">
    <div class="absDiv">&nbsp;</div>
</div>
</body>
</html>
Das sollte in den gängigen Browsern eigentlich funktionieren.

Ciao
Quaese
 
Muss das jetzt erst mal probieren.
Hatte das fast auch so gemacht bis auf die top und left Angaben.

MFG
 
So hab deinen Vorschlag in modifizierter Weise an meine css-Datei angepasst.
Hat bestens funktioniert.
Nochmals vielen Dank!
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück