Hier bist Du: Home « Positionieren « left, right, top, bottom

Positionieren: left, right, top, bottom

Beispiel

Die Angaben left, right, top, bottom legen die Position eines Elements fest. Voraussetzung dafür ist die Angabe der Positionsart mit absolute, relative oder fixed.

left
Abstand des linken Elementrand vom linken Rand des übergeordneten Elements.
right
Abstand des rechten Elementrand vom rechten Rand des übergeordneten Elements.
top
Abstand des oberen Elementrand vom oberen Rand des übergeordneten Elements.
bottom
Abstand des unteren Elementrand vom unteren Rand des übergeordneten Elements.

Du musst für die horizontale Positionierung left oder right und für die vertikale Positionierung top oder bottom angeben.

<style type="text/css"><!--
 .examplediv
 {
  background-color:#efefef;
  border-style:solid #000000 1px;
 }
#divid
{
 position:absolute;
 left:450px; top:350px; width:300px; height:150px;
}
// --></style>

<body>

  <div id="divid" class="examplediv">
  ...
  </div>
Initialwert: auto
Vererbbar: Nein
Anwendbar auf: Positionierte Elemente
Medium: Visual
Werte:
auto
Automatische Positionierung
Längenangabe
Prozentangabe
Inherit
Prozentuale Werte: Beziehen sich auf die Höhe des Eltern Elements.
Wert Internet Explorer Opera Netscape Mozilla/ Seamonkey Mozilla Firefox Safari Konqueror
5 5.5 6 MAC 5+ 5 6 7+ 4 6 7+ 1+ 0.8+ 1.0+ 3.3+
Längenangabe, Prozentangabe n j j j j j j n j j j j j j