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> 

example

change width in input

width:auto; 

to

width:100%; 

that it.


Comments

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -