html - Table display issue, only in Chrome -
i don't know how deal this, table works fine on firefox/ie
see :
on chrome :
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
Post a Comment