tag:forum.selfhtml.org,2005:/self css: Sticky footer bei Tabellen – SELFHTML-Forum 2020-11-04T19:17:06Z https://forum.selfhtml.org/self/2020/nov/03/css-sticky-footer-bei-tabellen/1777531#m1777531 T-Rex 2020-11-03T13:43:11Z 2020-11-03T13:43:11Z css: Sticky footer bei Tabellen <p>Gruß T-Rex</p> <p>Moin,</p> <p>hab letzten eine für mich neue Methodik gefunden - den Sticky-Header bei Tabellen (Also position: sticky, bei th). Da dieses Konstrukt so mega genial ist und wunderbar funktioniert frage ich mich ob es sowas auch für den Footer gibt. Natürlich einfach umgekehrt. Sprich, wenn man hochscrollt scrollt der Footer mit - so dass man immer den Footer sieht solange man die Tabelle sieht.</p> <p>und noch ein Gruß T-Rex</p> https://forum.selfhtml.org/self/2020/nov/03/css-sticky-footer-bei-tabellen/1777532#m1777532 Rolf B 2020-11-03T13:53:03Z 2020-11-03T13:53:03Z css: Sticky footer bei Tabellen <p>Hallo T-Rex,</p> <blockquote> <p>frage ich mich ob es sowas auch für den Footer gibt.</p> </blockquote> <p>Ja. Gibt es.</p> <p>Unterschied ist nur: setze bottom statt top.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2020/nov/03/css-sticky-footer-bei-tabellen/1777533#m1777533 Tabellenkalk 2020-11-03T14:03:48Z 2020-11-03T14:03:48Z css: Sticky footer bei Tabellen <p>Hallo,</p> <blockquote> <p>Ja. Gibt es.</p> </blockquote> <p>Cool. In dem <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Tabelle_mit_festem_Kopf" rel="nofollow noopener noreferrer">Frickl</a> wo ich das erfolgreich ausprobiert habe, steht noch zusätzlich <code>-webkit</code> mit drin. Ist das noch notwendig?</p> <p>Gruß<br> Kalk</p> https://forum.selfhtml.org/self/2020/nov/03/css-sticky-footer-bei-tabellen/1777597#m1777597 T-Rex 2020-11-04T19:17:06Z 2020-11-04T19:17:06Z css: Sticky footer bei Tabellen <p>Moin Rolf,</p> <p>vielen Dank für deine Antwort - dass war es natürlich. Das war wieder so eine Frage, da hätte man auch selbst drauf kommen können ... aber wozu hat man einen Rolf ;). Ich habe es mittlerweile sogar so weit aufgebohrt, dass der Footer sogar noch ein left: 0 hat. Jetzt scrollt das linkeste Feld mit, wenn die Tabelle für die Breite zu groß wird - Mega !!</p> <hr> <p>Gruß | T-Rex | T-Rex | T-Rex | T-Rex | T-Rex | T-Rex | T-Rex | T-Rex | T-Rex | T-Rex | T-Rex | T-Rex | T-Rex |</p> <hr> https://forum.selfhtml.org/self/2020/nov/03/css-sticky-footer-bei-tabellen/1777535#m1777535 Rolf B 2020-11-03T14:08:20Z 2020-11-03T14:08:20Z css: Sticky footer bei Tabellen <p>Hallo Tabellenkalk,</p> <p>lmgtfy.</p> <p><a href="https://developers.google.com/web/updates/2016/12/position-sticky" rel="nofollow noopener noreferrer">Ich glaube nicht</a>.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2020/nov/03/css-sticky-footer-bei-tabellen/1777539#m1777539 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-11-03T14:25:45Z 2020-11-03T14:25:45Z css: Sticky footer bei Tabellen <p>@@Rolf B</p> <blockquote> <p>lmgtfy.</p> </blockquote> <p><a href="https://caniuse.com/css-sticky" rel="noopener noreferrer">Can I use</a> wäre da meine Wahl.</p> <p>(Zumal ich um Google sowieso möglichst einen großen Bogen mache.)</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div>