Positionen in Cascading Stylesheets (dBooks

CSS


					Positionierung
					Eigenschaften
					Experimente

PageMap

(Umfang 47 Seiten)


		Sponsoring


	Attribute des layer-Elements [html] CrossBrowser-Programmierung [javascript] Das layer-Element von Netscape [html] ilayer-Element von Netscape [html] div-Element [html] Assoziiert


	CSS-Eigenschaften spez. Seiten zu CSS








	Auswahl dBooks: Suche und verwandte Themen








	Verschiedenes

Ebenen

Ebenen ermöglichen die Freiheit, Inhalte unabhängig von der Position im Source-Code zu definieren und deren Sichtbarkeit zu steuern.

Diese Ebenen haben allerdings Ihre Tücken: Sie lassen sich beispielsweise unter NN nicht allen Elementen zuordnen. Aus diesem Grund sollte man sich mit den schon hinlänglich bekannten div und span-Elementen bei freier Positionierung begnügen.

Allerdings hat auch die Klammerung mit dem div-Element bei iframes (MSIE) seine Tücken. Ein paar erste Beispiele finden Sie auf der Seite Experimente

Zugriff per Skript

Mit MSIE ab 4.0 und dem DOM Level 2 lassen sich diese Eigenschaften beispielsweise über JavaScript dynamisch ändern.

Sie sind auch die wenigen, wirklich dynamischen Eigenschaften unter dem NN bis 4.7. Der Zugriff wurde über das layer-Objekt definiert.

Collage

Ergebnis

Beispiel Ebenen

Quellcode

Beispiel Ebenen
<style>
#nashornId{position:absolute; top:500px; left:600px; z-index:1; clip:rect(0px,300px,150px,150px)}
.hundClass{position:absolute; top:500px; left:600px; z-index:2; clip:rect(0px,150px,150px,0px)}
</style>
<div class="hundClass"><img src="/pic/example/hund.jpg" /></div>
<div id="nashornId"><img src="/pic/example/nashorn.jpg" /></div>

Eigenschaften


Eigenschaft	NN			MSIE				opera			CSS
Eigenschaft	4	4.6	6	3	4	5	5.5	3.6	4	5	1	2

clip
Ausschnitt: Alle Elemente außerhalb eines Rechecks werden nicht angezeigt.

left
Abstand des Layers vom linken begrenzenden Element.

top
Abstand des Layers vom oberen begrenzenden Element.

visibility
Bestimmt die Sichtbarkeit und die berechneten Dimensionen eines Elements.

z-index
Definiert eine Hierarchie für Ebenen, die übereinander liegen.

wird unterstützt

wird größtenteils unterstützt

wird teilweise unterstützt

wird nicht unterstützt

keine direkte Funktion

gefährlich

Links


		Unkommentierte Links: blooberry.com: About Classification Properties blooberry.com: About Positioning Properties blooberry.com: clip w3.org: CSS2: Visual effects drweb.de: Das CSS-Element float netzwelt.com: Elemente positionieren webreference.com: Fixing Frames with Fixed Positioning blooberry.com: left blooberry.com: position google.de: Suche: position relative absolute Stylesheet google.de: Suche: position relative absolute Stylesheet (de) blooberry.com: top blooberry.com: visibility blooberry.com: z-index blooberry.com: zoom Link empfehlen

(München, 2001-04-21 09:03:12 / )

Der Betreiber von www.dBooks.de übernimmt keine Verantwortung für den Inhalt und die Richtigkeit der Angaben auf den verlinkten Websites. Zu den üblichen NoNos gibt es keine direkten Verweise.

(Umfang dBook CSS: 47 Themenseiten )
letzte Generierung Mon, 30 Apr 2001 11:49:55 GMT 26
© Werner Diwischek