nicht angemeldet
Hallo Alex.
Wenn sich eine Seite am Bildschirm des Users orientiert, […]
Bitte belasse die Zitatzeichen, wie sie sind. Andernfalls kann man nicht mehr sofort erkennen, was Zitat und was Kommentar ist. Danke.
Vielleicht haben wir uns dabei falsch verstanden: Wenn ich eine Angabe wie width:100% mache, ist das die Orientierung am Bildschirm des Benutzers.
Nein, auch dies stimmt nicht. In diesem Falle würde z. B. ein solchermaßen formatiertes body-Element bei mir grundsätzlich über den Browserrand hinaus ragen. Könnte es sein, dass du nicht eigentlich den zur Verfügung stehenden Platz im Browserfenster, alias Viewport, meinst?
Mich nicht am Bildschirm des Benutzers zu orientieren hieße
width:1024px;height:6584px;font-size:14px;line-height:28px;
Solche Angaben wiederum wären bildschirmorientiert. (Man beachte das „1024“, was eine gängige horizontale Auflösung darstellt.)
Mit solchen absoluten Positionierungen arbeite ich nach Möglichkeit nie.
Das freut mich zu lesen.
Sie wären aber nach meinem Wissensstand die einzige Methode einer Positionierung von z.B. drei in z-Position überlappender DIVs UNTER dem Text z.B.
Bitte, bitte, definiere „unter“. Es gibt aus meiner Sicht zwei „unter“: eines in Bezug auf die y-Achse und eines in Bezug auf die z-Achse. (Auch wenn sich dein Ansinnen aus dem Folgenden ergibt, kann eine solche Zusatzbemerkung Missverständnisse vorbeugen.)
#box1 { position:absolute; top:6585px; left:10px; width:150px; height:150px; z-index:1; }
#box2 { position:absolute; top:6585px; left:10px; width:100px; height:100px; z-index:2; }
#box3 { position:absolute; top:6585px; left:10px; width:150px; height:150px; z-index:3; }
>
> Wenn ich den Text vorher nicht absolut positioniert habe, würden die Boxen je nach Bildschirm des Users irgendwo (in z-Position) über dem Text schweben.
Laut deinem Code würden sie wohl eher einige tausende Pixel südlich meines Browsers angesiedelt.
> <DIV id="EINS parent-div">
> <DIV id="ZWEI soll in z-Position genau über EINS drüberligen" style="position:absolute;top:0;left:0;...">
> ... Inhalt ...
> </DIV>
> </DIV>
> scheitert aber mangels Ausrichtung am Parent-Tag.
>
> Du weißt sicher, wie man sowas löst, oder?
Verpasse dem umspannenden div-Element als erstes eine <http://de.selfhtml.org/html/referenz/attribute.htm#id#id_idref_name@title=gültige ID> und daraufhin ein position:relative. Damit bildet dieses div-Element die Orientierungsgrundlage für sämtliche in ihm absolut ausgerichteten Elemente. (Was, wie ich schon schrieb, auch im betreffenden <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=SELFHTML-Kapitel> nachzulesen ist.)
Einen schönen Sonntag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
[<mathbr:del.icio.us/>](http://del.icio.us/mathbr) [<mathbr:w00t/>](http://w00t.noctus.net)