HTML Tables break layout with latest Chrome Browser 44.0.2403.89 -

i came across strange 1 today, wasted lot of time, first thought module upgraded on drupal or code change. in fact, related google chrome's browser update.

currently google chrome's latest version 44.0.2403.89. previous version running 43.0.2357.132. tables on site displaying fine. , actually, after hours of troubleshooting, thought check website safari , sure enough things displaying have. checked firefox, no problem , displayed had. seems google has changed in chrome cause tables break. idea what's going on , how can fix it, or bug latest chrome version?

here sample of table being broken chrome:

http://www.yoninja.com/jp/browse/results/taxonomy%3a74

see how middle column's table flows under right side bar. if check page previous version of chrome (43.0.2357.132), displays fine. displays perfect in safari , firefox's latest version. gives?!?

* update * have temporarily fixed using drupal's view theming , modifying views-view-table--(viewname).tpl.php file , editing column width of column holds long text. specifying table width, whether percentage or specific width in pixels, doesn't work in latest google chrome.

<table class="<?php print $class; ?>"<?php print $attributes; ?> style="width:770px;">  <table class="<?php print $class; ?>"<?php print $attributes; ?> style="width:100%;"> 

neither of these work, specifying 100% doesn't change thing. specifying width in pixels change width of table not width specify. strange! why google's update change behavior of has been working previously?

anyway, way have been able things working specifying width of column mentioned below in 1 of answers. however, still feel unnecessary , seems every other browser still displaying tables properly. question is, google fix this?

is there can working without having specify table width. use view in various pages, , don't want have worry specifying width.

this has indeed been reported bug.

https://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=&colspec=id%20pri%20m%20stars%20releaseblock%20cr%20status%20owner%20summary%20os%20modified&groupby=&sort=&id=512872

this bug seems apply tables who's width has been specified rely on automatic width calculations on individual table divisions larger amounts of text in them. miscalculates width table divisions contain larger amounts of texts. affected rows extend beyond edge of table visually breaking column alignment.

until valid update chrome fixes this, can apply earlier posted work around.

you'll need manually specify width of table divisions contain large amounts of text in them (not table itself). override invalid calculation , prevent table row expanding beyond width of table.

i've tested inline width specifier on table divisions large amounts of text in them.

<table>   <tr>     <td>       stuff     </td>     <td width='30%'>       other large text field width isn't calculated     </td>   </tr> </table>