MudGuard: span in td soll so hoch sein wie td

Beitrag lesen

problematische Seite

Hi,

Wie krieg ich das hin, daß das span so hoch wird wie die td?

Ohne Markup-Änderung fällt mir dazu nichts ein. Wenn noch im td noch ein span um alles wäre, könnte man das auf display: flex setzen. Für td kann man das nicht, das muss wohl auf dem Defaultwert table-cell bleiben.

leider nicht möglich - ich kann in dem Fall nur CSS reinwerfen, also weder das HTML anpassen noch ein Javascript injizieren (mit dem könnte ich ja dann das HTML bzw. genauer das DOM anpassen.

Den gewünschten Effekt erreichst du aber auch anders: mit box-shadow fürs .ignored-Element. (td kriegt dazu overflow: hidden verpasst.) Siehe Fork.

das sieht vielversprechend aus.

Der Schatten genügt, wenn die anderen Tabellenzellen in der Zeile wenig Inhalt haben. Wenn da something<br>very<br>much<br>higher steht, reicht er nicht. Aber du kannst ja weitere Schatten hinzufügen: 0 -2lh, 0 2lh, …

Die Höhe des Schattens kann man wohl nicht beeinflussen, soweit ich das jetzt kurz zu box-shadow gelesen hab.

lh ist line-height?

mit +/- 2 ist's dann im Normalfall ausreichend.

Ich hatte es - nach der Anregung mit dem overflow-hidden - auch noch mit border probiert - aber das verschiebt bei zu breiter border-top dann den Text nach unten.

Danke jedenfalls.

Woher wußte ich eigentlich vorher, daß die Lösung von Dir kommen wird? ;-)

cu,
Andreas a/k/a MudGuard