Franz: Position

Beitrag lesen

@@Franz

border beeinflusst das Verhalten, z.B. beim Zusammenfallen von Abständen. Zum Sichtbarmachen dürfte outline besser geeignet sein.

Habe den Rat befolgt und die Berechnungen mit Free Ruler sind nun korrekt.

Wozu sollte man das brauchen? Pixel-perfekt?

http://www.pascal.com/software/freeruler/
Ich kann vergleichen wie und wo bestimmte Werte Wirkung zeigen.

Ja, der im Browserstylesheet für das jeweilige Element festgelegte margin-top.

Habe ich auch angenommen.

Bei einem eingegebenen Text reicht border bis zum Ende der rechten Seite.

Blockelemente gehen über die volle Breite [CSS 2.2] …

Sobald ich position: absolute eingebe verkürzt sich der Rand automatisch auf die Textgrößte.

… aber nicht bei absoluter Positionierung, da tritt shrink to fit auf. [CSS 2.2]

Sonst passiert nichts.

Doch. Das Element wird aus dem Fluss genommen, d.h nachfolgende Elemente werden so angeordnet, als ob das absolut positionierte Element gar nicht da wäre.

Die Frage bezog sich lediglich auf die Verkürzung auf Textlänge. Das könnte man anwenden wenn man die langen Rahmen eingrenzen möchte ohne das Element zu versetzen? Soferne ich kein top oder sonstige Zuweisung treffe bleibt alles wie es ist außer eben der Rahmen.

Soweit ich verstanden habe, gilt für "position: absolute" die Startposition des Elternelementes.

Nein. Absolute Positionierung bezieht sich auf das nächste positionierte (relativ, absolut, fix) Vorfahrenelement. Das kann das das Elternelement sein, aber auch ein früherer Vorfahre. Wenn es kein positioniertes Vorfahrenelement gibt, bezieht sich absolute Positionierung auf den Viewport.

"Das mit absolute positionierte Element "sucht" quasi seine Elternelemente der Reihe nach durch, ob eines davon mit position: positioniert wurde. Dies ist für keines der Elternelemente span, p, body und html der Fall. Der "älteste" Vorfahr, um in Analogie zu einem Stammbaum zu sprechen, ist html, an ihm richtet sich der Link aus."
Soweit ich das wortwörtlich verstehe ist bei absolute der Ausgangspunkt das Elternelement. Ist das so gemeint, daß mit Vorfahre (Elternelement) jenes Element gemeint ist, das "position" enthalten muß; sonst wird der Viewport genommen?

Letzte Frage noch: Soll unabhängig ob es ein div oder mehrere gibt immer ein Selektor genommen werden?

Selektoren so kurz wie möglich, nur so spezifisch wie nötig.

Und immer anwenden auch wenn beispielsweise "div" nur einmal vorkommt?

LG Franz