div-Boxen Reihenfolge/Hintergrund?

[gary]

Hallole zusammen,

1. Frage
Kann man div-Boxen verschiedene Ebenen zuweisen. Vergleichbar mit Layern  in Zeichenprogrammen(in den Hintergrund/Mitte/Vordergrund)?

2. Frage
Kann man den div-Boxen ein Hintergrund zuordnen, der dann mit der Ganzen div-Box die jeweilige Layerposition einnimmt?

Viele Grüsse gary

[thewho88]

Das hier könnte deine Frage beantworten:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index

[gary]

Hi thewho88,

Volltreffer, genau das habe ich gesucht. Stellt sichnurdie Fragewarum ich sowas nie finde ;-)

Mit diesen Angaben kann ich weiter an meiner Page basteln...

Baustelle

Dank und Gruss

gary

[gary]

Hallo zusammen,

Es ist wieder mal zum Eierlegen. Das ist ein Ausschnitt aus der CSS-Datei:

#boxOne {
  position:absolute;
  z-index:3;
  top:50%;
  left:50%;
  width:400px;
  height:300px;
  margin-left:-200px;
  margin-top:-150px;
  border:2px solid #000000;
  border-left-style:none;
  border-right-style:none;
  padding-top:0px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:0px;
}

#boxTwo {
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  width:500px;
  height:300px;
  margin-left:-250px;
  margin-top:-150px;
  border:2px solid #000000;
  padding-top:0px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:0px;
}

#boxFrame {
  position:absolute;
  z-index:1;
  top:50%;
  left:50%;
  width:600;
  height:400px;
  margin-left:-300px;
  margin-top:-200px;
  border:2px solid #000000;
  border-left-style:none;
  border-right-style:none;
  padding-top:0px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:0px;
}

BoxOne ist layer3 also im Vordergrund für den Text.
BoxTwo ist layer2 später als Hintergrund für die Textbox gedacht.
BoxFrame ist layer1 und sollte nur eine Line unter der navi und eventuell in der Fusszeile bilden (Rahmenteile kann man ja ein und ausblenden).

BoxOne funktionierte alleine gut. Jetzt, mit den zwei anderen Boxen, ist die Zentrierung verschwunden. Warum ist das ganze Gebilde nicht mehr in der Mitte?

Ich habe alles so wie im selfbeispiel angegeben, gemacht :-(

Viele Grüsse gary

[gary]

Hallo zusammen,

Nachtrag:

Problem gelösst. War ein Fehler in der CSS.

Grüsse gary