StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I wonder if the following will help:</p> <ol> <li><p>Wrap those body rows in a tbody element:</p></li> <li><p>Remove the width="100%" from your header row. Colspan="5" should span the width of the table anyway, with the browser sizing accordingly. I wonder if the Google browser is interpreting that literally as the width of the current screen.</p></li> <li><p>Add the following to the class for .amhtable:</p> <pre><code>float: left; width: 100%; </code></pre></li> </ol> <p>To see if it's a relative sizing bug.</p> <p>Out of interest, does this happen if the heading row appears anywhere in the table? Or is it just the first time it occurs after thead?</p> <pre><code><table class="amhtable"> <col width="16.72%" /> <col width="16.62%" /> <col width="16%" /> <col width="16%" /> <col width="34.67%" /> <thead> <tr class="heading"> <td>Modifying circumstance</td> <td>Common pathogens</td> <td>First choice</td> <td>Alternative</td> <td>Additional information</td> </tr> </thead> <tbody> <tr class="heading2"> <td colspan="5">SECTION TITLE</td> </tr> <tr class="body"> <td>column 1</td> <td>column 2</td> <td>column 3</td> <td>column 4</td> <td>column 5</td> </tr> </tbody> </table> </code></pre> <p>What happens if you try that?</p> <p>Other things you might try are putting the actual heading text in an element like:</p> <pre><code><tr class="heading2"> <td colspan="5"><span style="100%">SECTION TITLE</span></td> </tr> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload