Der Martin: position:sticky funktioniert nicht

Beitrag lesen

problematische Seite

Hallo,

bisher habe ich position:sticky nur auf thead angewendet. Bleibt zwar am oberen Rand des viewport stehen, wird aber transparent (Firefox), kann man kaum lesen, wenn die Tabellenzeilen darunter sind.

dann gib den td- oder th-Elementen eine Hintergrundfarbe. Fixed.

Nun möchte ich einen Absatz <p> sticky machen, nämlich das Datum für folgende Veranstaltungen. Die Angabe wird ignoriert, <p> wird weggescrollt.

<p style="margin-top:1em;position: sticky;"><b><span>Mittwoch, 02.09.2020</span></b></p>
<p>18:00 ...</p>
<p>20:00 ...</p>

Du ordnst zwar sticky an, aber ohne Positionsangabe.

Live long and pros healthy,
 Martin

--
Home is where my beer is.