 |
Positeonierung und Bemessung von Seitenelementen width: height: Größenfestlegung für alle Platz beanspruchenden Seiten- bzw. Formularelemente wie IMG, INPUT, TEXTAREA, SELECT, OBJECT. Der Wert wird in Zahlwerten oder mit dem Schlüsselwort auto (Default-Wert) angegeben. Dies sind ein Texteingabefeld, normal nur eine Zeile hoch und ein Button. Für letzteren ist -zum Testen- das an sich notwendige Size-Attribut entfallen. Die Größe wird allein über CSS bestimmt (oder auch nicht!). Der Code: float: Für ein Seitenelement oder einen Bereich wird bestimmt, daß nachfolgende Elemente dieses umfließen, dazu gehört mindestens eine width:-Angabe. Mögliche Werte sind left (Element steht links), right, none (Normaleinstellung) Der Code für diese Zelle lautet: clear: beendet den Float-Modus, der gleichen
Wert hat. Es folgt normale Textverteilung. Mögliche Werte:
left, right, both, none (float-Modus bleibt). Hier ist der
Umfließmodus vorzeitig unterbrochen worden. Der Code dazu:
positeon: bestimmt Art der Positeonierung: absolute (bezieht
sich auf Fensterrand), relative (bezieht sich auf vorhergehende
Seitenelemente), static (Normaleinstellung, setzt einen Bezugspunkt)
Dann gibt es, interessant, auch noch fixed, welches ein Seitenelement
scrollresistent festhalten soll. Macht es auch, aber nur bei
Opera. Toll. Zum eingebauten Testfeld folgt der Code unten
unter Punkt 6. In Verbindung mit positeon left: top: width:
min-width: zulässig sind Zahlwerte oder auto, problematisch
die Bezugspunkte. Erläuterungen und Code siehe unten unter
Punkt 7 In Verbindung mit positeon: z-index: Zahl, legt die
Überlappung mehrerer absolut positeonierter Seitenelemente
fest, höchste Nummer für vorn Beispiel sind die drei Textbereiche
im Kopf. Vergleiche Erläuterung unten clip: Ausschnitt aus
einem Seitenelement, zulässig ist nur rect()(Rechteck), dazu
gehören die Grenzpositeonen in zulässigen Zahlwerten oder
auto in der Reihenfolge oben, rechts, unten, links. Leider
streiken diesmal Explorer, Opera, Netscape6 ... Erläuterungen:
|
|
|
DIENSTE
