css - How to stop body background displaying between two tables in Iphone Safari -
The following markup, seen in Safari on Iphone and Ipad, shows the body background color for 1 pixel between both tables. What is it and how do I stop it?
& lt ;! DOCTYPE html public "- // W3C // DTD XHTML 1.0 Transcription // N" http: //www.w3 org / TR / xhtml1 / dTD / xhtml1-transitional.dtd ">
HTML xmlns =" http : //www.w3.org/1999/xhtml "> gt; Top & gt; Title & gt; Title & lt; / title & gt; & lt; Meta http-equiv =" Content- Type "content =" text / html; Charset = UTF-8 "/> Style type =" Text / CSS "& gt; Body {background: # 000;} Table {background: #ffffff; width: 50px; border: 0; margin: 0 ; Padding: 0;} gt; body & gt; & lt; table range = "0" cellpadding = "0" cell area = "0" & amp; Gt; & lt; tr & gt; & lt; tt & gt; & lt; / td> & lt; / tr & gt; & lt; / table & gt; & lt; table range = "0" Cellpadding = "0" cell region = "0">>> TR> & lt; / Table & gt; & lt; / body & gt; & lt; / html & gt; < I have taken the liberty of dumping my markup into a file on my server:
There is no real difference on my iPhone, but ... leaving some space between the resizing algorithm periodically while zooming into tables
It almost certainly has to do with some math which does not completely align the pixels and the nearest horizon Is rounded to match the line. If you do not have a table with a inline-block
, there is nothing more about it, as long as the optional background-color
Not set up Linked up
The alternate version on my iPhone does not display any black line between tables. Keep in mind that the next element now next to inline-block
ed div rather than under the table. Will be I'll leave it untouched by the reader. Signal: The obvious attribute of CSS.
Comments
Post a Comment