html - Table inside div goes out of div in Chrome only. It works fine in all other browsers -
i have div have fixed width table inside width:auto , table has 2 column. tried many things 100%. working solution have input search @ 150px don't understand.
the table goes out of div shown in jsfiddle :
<div style="border:1px solid black;border-radius:15px;margin-left:10px;float:left;width:180px;height:26px"> <table border="0" style="width:auto;height:100%;border-collapse:collapse;table-layout:fixed"> <tbody><tr> <td> <img id="searchicon" src="/content/icons-png/search-white.png" width="16" height="16" style="margin-left:5px;margin-top:4px;margin-right:5px"> </td> <td> <input id="searchbox" type="search" style="border:1px solid red;border-radius:0 12px 12px 0;height:100%;width:auto" placeholder="search"> </td> </tr> </tbody></table> </div>
change width
in input
width:auto;
to
width:100%;
that it.
Comments
Post a Comment