max-height und tbody ... – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self max-height und tbody ... Sun, 16 Jan 22 16:55:04 Z https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795326#m1795326 https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795326#m1795326 <p>Hallo,</p> <p>Okay, anscheinend gibt es gewisse Diskrepanzen zwischen <code>max-height</code> und <code>tbody</code>...</p> <p>...und zwar verstehe ich nicht wirklich, wie die beiden interagieren.</p> <p>Beispiel:</p> <pre><code class="block language-css"> <span class="token selector">table</span> <span class="token punctuation">{</span> <span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">tbody</span> <span class="token punctuation">{</span> <span class="token property">max-height</span><span class="token punctuation">:</span> 0px<span class="token punctuation">;</span> <span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>...Die erste Zeile der Tabelle wird trotzdem angezeigt (<code>tbody</code> ist direktes und EINZIGES Child von <code>table</code>). Überhaupt scheint die erste Zeile der Tabelle in meinem Fall von 0 bis genau 22 Pixel sozusagen "festzustecken", ehe von der ersten Zeile ab <code>max-height: 23px;</code> sukzessive erwartungsgemäß vertikal vergrößert wird.</p> <p>Wie überrede ich meine Tabelle dazu, via <code>max-height: 0px;</code> optisch zu verschwinden, bzw. tatsächlich die Höhe einzunehmen, die mit <code>max-height</code> vorgegeben wird?</p> <p>Vielen Dank für ein wenig Licht im Dunkeln. Grüße aus dem Grünen, Ferdinand.</p> max-height und tbody ... Sun, 16 Jan 22 17:21:48 Z https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795327#m1795327 https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795327#m1795327 <p>Hallo Ferdinand,</p> <blockquote> <p>...und zwar verstehe ich nicht wirklich, wie die beiden interagieren.</p> </blockquote> <p>Ganz einfach: sie interagieren gar nicht.</p> <p>Höhenangaben in Tables sind immer eine Mindest-Angabe.</p> <p>→ <a href="https://www.w3.org/TR/CSS22/tables.html#height-layout" rel="nofollow noopener noreferrer">https://www.w3.org/TR/CSS22/tables.html#height-layout</a></p> <p>max-height im Kontext von Tabellen ist undefiniert</p> <p>→ <a href="https://www.w3.org/TR/CSS22/visudet.html#min-max-heights" rel="nofollow noopener noreferrer">https://www.w3.org/TR/CSS22/visudet.html#min-max-heights</a></p> <p>Da steht:</p> <blockquote> <p>In CSS 2.2, the effect of 'min-height' and 'max-height' on tables, inline tables, table cells, table rows, and row groups is undefined.</p> </blockquote> <p>tbody ist eine row group.</p> <p>Ich habe die Selfwiki-Artikel zu height, min-height und max-height entsprechend ergänzt.</p> <p><em>Rolf</em><br> der jetzt hofft, nicht irgendeine Spec übersehen zu haben, die etwas anderes behauptet…</p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> max-height und tbody ... Sun, 16 Jan 22 18:44:07 Z https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795329#m1795329 https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795329#m1795329 <p>@@Rolf B</p> <blockquote> <p>tbody ist eine row group.</p> </blockquote> <p>Welche man – ebenso wie <em lang="en">rows</em>, <em lang="en">columns</em> und <em lang="en">column groups</em> – mit <code>visibility: collapse</code> ausblenden kann. [<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/visibility" rel="nofollow noopener noreferrer">MDN</a>]</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“</em><br> — Joachim Gauck über Impfgegner </div> max-height und tbody ... Sun, 16 Jan 22 19:59:49 Z https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795332#m1795332 https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795332#m1795332 <p>Hi,</p> <blockquote> <p>tbody ist eine row group.</p> </blockquote> <p>aber nicht bei Ferdinand, er macht ja per display:block einen gewöhnlichen Block aus der table-row-group.</p> <p>cu,<br> Andreas a/k/a MudGuard</p> max-height und tbody ... Sun, 16 Jan 22 19:14:17 Z https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795330#m1795330 https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795330#m1795330 <p>Hallo Gunnar,</p> <p>ah ja, danke. Die Frage nach dem optischen (a.k.a. visuellen) Verschwinden hatte ich übersehen.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> max-height und tbody ... Sun, 16 Jan 22 19:51:52 Z https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795331#m1795331 https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795331#m1795331 <p>Nicht schlecht</p> <p>Herr Specht</p> <p>dank euch recht</p> max-height und tbody ... Sun, 16 Jan 22 22:04:07 Z https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795337#m1795337 https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795337#m1795337 <p>@@Rolf B</p> <blockquote> <p>Hallo Gunnar,</p> <p>ah ja, danke. Die Frage nach dem optischen (a.k.a. visuellen) Verschwinden hatte ich übersehen.</p> </blockquote> <p>Ich würde doch denken, <code>visibility: collapse</code> lässt Zeilen und Spalten nicht nur visuell verschwinden, sondern nimmt die Elemente – ebenso wie <code>visibility: hidden</code> – auch aus dem <em lang="en">accessibility tree</em>.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“</em><br> — Joachim Gauck über Impfgegner </div> max-height und tbody ... Sun, 16 Jan 22 20:05:28 Z https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795333#m1795333 https://forum.selfhtml.org/self/2022/jan/16/max-height-und-tbody/1795333#m1795333 <p>Hallo MudGuard,</p> <p>gut gesehen. Dann müsste er auch noch</p> <ul> <li>display: inline-block ö.Ä. auf die td Elemente anwenden</li> </ul> <p>Dann ist das Table-Layout hinreichend zerbröselt und max-height greift. Aber dann braucht's auch noch ein</p> <ul> <li>overflow: hidden auf das tbody-Element</li> </ul> <p>damit die tds nicht unten aus dem tbody hinausgucken.</p> <p>Der Visibilität einen Kollaps zu verpassen scheint mir zweckmäßiger </p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div>