Elemente positionieren

[Rolf B]

Hallo Shiela,

CSS allein ist zur Problemuntersuchung nicht genug. Du musst auch das gestylte HTML dazu zeigen. Wichtig ist z.B. die Familienbeziehung zwischen h1 und #Text (Kind, Geschwister, sonstwas?).

Wichtig ist auch, welches das position:relative Element in der Elternkette von #Text ist. Ohne ein solches Element wird #Text in Bezug zum Body positioniert. Du möchtest aber seine Position in Bezug zum <h1> Element setzen. Deshalb sollte #Text entweder ein Kind von <h1> sein (und <h1> ist position:relative), oder die beiden sollten Geschwister in einem <header> Element sein. Bei #Text als Kind von <h1> muss man allerdings auf die Inhaltstypen aufpassen, da ist nicht alles erlaubt. Würde der Inhalt von #Text mit in einem Inhaltsverzeichnis erscheinen? Ja: Kind von h1. Nein: Geschwister von h1.

Verschiebungen gibt es auch durch die Ränder. Wenn das #Text Element Kind des h1 ist und das h1 einen Rand hat, dann ist die Platzierung von #Text um den Rand verschoben. Die (0,0) Koordinate ist immer innerhalb des Randes.

Und du schreibst, dass Du einen bestimmten "Abstand zum rechten Rand" haben willst. Wenn das so ist, dann solltest Du #Text ggf. nicht mit left:, sondern mit right: positionieren. Und den Abstand von oben nicht mit Margins erzeugen, sondern mit der top Eigenschaft.

Wie Du es am besten machst, ist aber nur bei Kenntnis des HTML wirklich sinnvoll zu erklären.

Rolf