mila: Tabellen trotz border-spacing rechts und links bündig

Beitrag lesen

Das ist ziemlich genial. Funktioniert auch fast perfekt. Das einzige Manko, das es noch gibt ist, wenn unterschiedlich hoher Inhalt in den Zellen ist liegt die Linie immer direkt unter dem Inhalt, nicht aber ganz unten an der Zeile. eine absolute Positionierung von after-pseudoelemnten scheint nicht zu funktionieren. Noch eine Idee dazu?

@@Gunnar Bittersmann:

nuqneH

Padding für die Tabellenzellen möchtest du nicht verwenden, weil …
… der untere Rahmen nicht durchgängig sein soll?

Und auch das geht, wenn nicht die Tabellenzelle selbst den Rahmen bekommt, sondern ein darin befindlcihes Pseudoelement (was durch das Padding der Zelle schmaler ist als diese).

td::after

{
border-bottom: 1px solid black;
content: '\A0';
display: block;
line-height: 0;
}


>   
> Zur Unterstützung älterer Browser `:after`{:.language-css} auch gern in CSS-2-Syntax mit einem Doppelpunkt.  
>   
> Ggfs. wäre auch noch 'th' im Selektor zu berücksichtigen.  
>   
> Qapla'