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
Post a Comment