a href=# soll nicht ganz nach oben springen

[Linuchs]

Moin,

eine Tabelle mit vielen Zeilen, thead mit position:sticky.

Eine Zeile soll angesprungen werden mit

<a href="#adr_4711"> ... </a>
... 
<tr id="adr_4711" ...

Nun wird diese Zeile verborgen hinter dem sticky thead.

Gibt es eine Möglichkeit, diese # Eigenschaft mit sowas wie top=3em zu versehen?

Gruß Linuchs

[Regina Schaukrug]

Sowas könnte gehen:

tr:target { height:4em; vertical-align: bottom; }

alternativ:

tr:target td,
tr:target th { height:4em; vertical-align: bottom; }

[Linuchs]

danke, das funzt:

tr:target td {   /* 2018-04-18 Zeile verbirgt sich hinter sticky thead */
  height: 6em;
  vertical-align: bottom;
}