Log in / Register

Forum › Bugs

Text overflowing table cell when overflow: hidden used.

fwmartin
This is with 6.0r6. The text displays over the next cell and beyond. It still overflows if the white-space: nowrap is removed.



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<style type="text/css">
table.test {
    width           :  200px;
    border-collapse : collapse;
    table-layout    : fixed;
}
td.long {
    overflow    : hidden;
    white-space : nowrap;
    width       : 100px;
    border      : 1px solid black;
}
td.blank {
    width    : 100px;
    border      : 1px solid red;
}
</style>
<body>
<table class="test">
    <tr>
       <td class="long">supercalifriagilisticexpialidocious Test 123</td>
       <td class="blank">Next</td>
    </tr>
</table>
</body>
</html>
mikeday
You're right, looks like the overflow property is not handled properly on table cells. A quick workaround would be to add a div inside the table cell and use the overflow property on that, which seems to work:
<td><div style="overflow: hidden">long text</div></td>
fwmartin
That worked. Thank you.
mikeday
Today we have released Prince 6.0 rev 7, which supports the overflow property on table cells. Thanks for letting us know. :)