Antworten zum Thema „Frage zu position: relativ und absolute“

saila · 01.06.2007

Hi,

kurze Frage, wenn in einer CSS-Datei einmal position: relativ; festgelegt wurde, und diese auf der Seite an 1. Stelle eingebunden wird, ist eine nachfolgende position: absolute; mit z-index: 1; nicht über der position relative?

Herr_D · 01.06.2007

AW: Frage zu position: relativ und absolute

?=¿

ähm... code? und was willst du erreichen?

saila · 01.06.2007

AW: Frage zu position: relativ und absolute

Ok Bsp.:

Code:

.menu {
 position: relative;
 ...
 ....
 }

.sonstige {
 position: absolute;
 ...
 ...
 z-index: 1;
 }

Der HTML - Aufbau würde nun wie folgt ablaufen:
1. Menü mit .menu
2. .sonstige im späteren HTML-Codeaufbau.

Herr_D · 01.06.2007

AW: Frage zu position: relativ und absolute

Ich würde an der Stelle ID verwenden, aber das ist ein anderes Blatt.

Warum muß das Menue an erster Stelle stehen? zu was soll es relativ positioniert sein?

wenn ich das menue relativ ohne z-index positioniere und das sonstige absolut mit z-i 1 ist es zumindest im

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

unter dem sonstigen

im

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de-DE">

auch...

knispel · 01.06.2007

AW: Frage zu position: relativ und absolute

Das Elternelement ist ausschlaggebend ("Lokaler Schichtungskontext").
Ein relativ positioniertes Element bildet den umschließenden Block für nachgeordnete Elemente.

saila · 01.06.2007

AW: Frage zu position: relativ und absolute

Herr_D schrieb:
Ich würde an der Stelle ID verwenden, aber das ist ein anderes Blatt.

Warum muß das Menue an erster Stelle stehen? zu was soll es relativ positioniert sein?

wenn ich das menue relativ ohne z-index positioniere und das sonstige absolut mit z-i 1 ist es zumindest im

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

unter dem sonstigen

im

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de-DE">

auch...

korrekt. So verstehe ich das auch, aber in meinem Beispiel ist es so, dass das relativ positionierte über das absolute geht, obwohl das absolute mit z-index über dem relativen sein muss - oder nicht?

saila · 01.06.2007

AW: Frage zu position: relativ und absolute

knispel schrieb:
Das Elternelement ist ausschlaggebend ("Lokaler Schichtungskontext").
Ein relativ positioniertes Element bildet den umschließenden Block für nachgeordnete Elemente.

Ahhh, dann fällt alles was absolut positioniert wurde unter relative Positionierung?

absoluteAbsolute Positionierung durch die Angaben left, top, right, bottom. Absolut positionierte Elemente sind außerhalb des normalen Textfluß, sie liegen über den anderen Elementen und beeinflussen somit nicht ihr Layout. Die absolute Position wird relativ zu den Rändern des Eltern-Elements berechnet, wenn dieses ebenfalls positioniert ist, oder wenn es der Seiteninhalt (<body>) ist. Da sich der Seiteninhalt scrollen lässt, werden absolut positionierte Elemente mitgescrollt.

knispel · 01.06.2007

AW: Frage zu position: relativ und absolute

Die Position des absoluten Elementes ist am umschließenden Element orientiert. Für absolut positionierte Elemente ist dies das nächste Vorfahrenelement, das nicht statisch positioniert ist...

Herr_D · 01.06.2007

AW: Frage zu position: relativ und absolute

knispel schrieb:
Das Elternelement ist ausschlaggebend ("Lokaler Schichtungskontext").
Ein relativ positioniertes Element bildet den umschließenden Block für nachgeordnete Elemente.

...und was willst Du damit ausdrücken?

Das Elternelement wäre wohl in diesem Fall body?

ähm oder soll sonstiges im menue eingeschlossen sein? oder wat?

noch n edit: du kannst doch allen elementen z-indexe verpassen?

Ich geh petern...

saila · 01.06.2007

AW: Frage zu position: relativ und absolute

Ok - wenn ich einer relativen Positionierung einen z-index gebe, ändert das nichts?

saila · 01.06.2007

AW: Frage zu position: relativ und absolute

Herr_D schrieb:
...und was willst Du damit ausdrücken? Das Elternelement wäre wohl in diesem Fall body?

genau das meine ich auch. Zudem muss doch eine positionierung mit z-index über allen vorherigen liegen und kann eigentl. nicht durch eine relative Positionierung überlagert werden - oder doch?

Achso, noch als Ergänzung - dieser Fall tritt nur im FF, NC und Opera auf. Im IE ist alles bestens.

knispel · 01.06.2007

AW: Frage zu position: relativ und absolute

Es ist aber so spezifiziert: Visual formatting model

Ach ja, wenn es kein Vorfahrenelement gibt, greift das Stammelement <HTML>..</HTML>

Herr_D · 01.06.2007

AW: Frage zu position: relativ und absolute

wenn die absolute in der relativen

Code:

<div class="menue">
    <div class="sonstige"></div>
</div>

braucht menue keinen z-index, dann liegt sonstiges oben. sonstiges braucht den z-i um eventuell den inhalt vom menue zu überdecken

sind menue und sonstiges nicht miteinander verwandt

Code:

<div class="menue"></div>
<div class="sonstige"></div>

liegt das Element oben, was den höheren z-index hat, bzw. als letztes auftaucht im html-code

saila · 01.06.2007

AW: Frage zu position: relativ und absolute

Korrekt und so verhält sich das ganze auch. Nur nicht in meinem Bsp.. Dort ist menu relativ und sonstige absolut und sogar mit einem z-i.