iphone - CSS issue on iPad with table border -


i have css problem when html page rendered on ipad. works in other browsers. problem small space between cells in tables can see in picture: http://oi53.tinypic.com/2vl0as9.jpg

if zoom in page maximum on line between cells, dissappears.. must kind of bug when page rendered. can go around in way? table , css:

<table class="smalltable" cellpadding=0 cellspacing=0>     <tr>         <td class="td1"></td>         <td class="td2"></td>     </tr>     <tr>         <td class="td1"></td>         <td class="td2"></td>     </tr> </table> 

css:

.smalltable  {     margin: 20px auto 40px auto;     border-spacing: 0; }  .smalltable td {     margin: 0; }  .smalltable td.td1  {     background: url(../images/table1.png); }  .smalltable td.td2  {     background: url(../images/table2.png); } 

i able fix putting meta tag in html head when idevice (ipod, ipad, iphone) detected in request.

<meta content='width=device-width; initial-scale=1.0;' name='viewport' /> 

hope helps.


Comments

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

jquery - appear modal windows bottom -

c++ - Compiling static TagLib 1.6.3 libraries for Windows -