Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Dezember

SELFHTML Forumsarchiv
div-Boxen Reihenfolge/Hintergrund?

Informationsseite
  1. Seite (CSS) div-Boxen Reihenfolge/Hintergrund? von gary, 29. 12. 2007, 23:24
nach unten

div-Boxen Reihenfolge/Hintergrund?

Die folgende Nachricht zum Thema stammt von: gary, 29. 12. 2007, 23:24

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

nach obennach unten

div-Boxen Reihenfolge/Hintergrund?

Die folgende Nachricht zum Thema stammt von: thewho88, 29. 12. 2007, 23:26

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

nach obennach unten

div-Boxen Reihenfolge/Hintergrund?

Die folgende Nachricht zum Thema stammt von: gary, 29. 12. 2007, 23:34

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

nach obennach unten

div-Boxen Zentrieren nicht!

Die folgende Nachricht zum Thema stammt von: gary, 30. 12. 2007, 00:58

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

nach obennach unten

Problem gelösst!

Die folgende Nachricht zum Thema stammt von: gary, 30. 12. 2007, 13:40

Hallo zusammen,

Nachtrag:

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

Grüsse gary

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Dezember

© 1998-2006 Seite Impressum, Software: Classic Forum