html - Table display issue, only in Chrome -


i don't know how deal this, table works fine on firefox/ie

see : tablefire/ie

on chrome : tablechrome

here actual css of table

table { padding: 24px; margin: 0 auto; width: 550px;    } 

td#tadmin

td#tabmin { width: 30px; height: auto; float: left; font-family: "roboto","helvetica neue",helvetica,arial,sans-serif; font-size: 15px; } 

tried

table-layout: fixed; 

do not work.

as asked, display table in php using echo:

echo "<table style='padding:24px;margin:0 auto;width:550px;'>".     "<tr>".      "<td id=tabmin  >".      "<div class=tabminscale style=text-align:center;>"      .$row['min']."'"."</div>".       "</td>".        "<td id=tabcom >" .        "<div id=commentaires>".        $row['commentaire']."</br>".        "</td>". "</tr>". </div>"; 

your markup invalid. check markup validator.

so, if remove php stuff, you'll get:

<table style='padding:24px;margin:0 auto;width:550px;'>     <tr>         <td id=tabmin>             <div class=tabminscale style=text-align:center;>foo</div>         </td>         <td id=tabcom>             <div id=commentaires>bar</br> <!-- invalid closing br tag -->         </td>     </tr>     </div> <!-- wrong -->     <!-- where's </table>? -->     <!-- add quotes html attributes--> 

change to:

<table style='padding:24px;margin:0 auto;width:550px;'>     <tr>         <td id='tabmin'>             <div class='tabminscale' style='text-align:center;'>foo</div>         </td>         <td id='tabcom'>             <div id='commentaires'>bar<br/></div>         </td>     </tr> </table> 

Comments

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

mercurial graft feature, can it copy? -