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

    Popular posts from this blog

    windows - Heroku throws SQLITE3 Read only exception -

    lex - Building a lexical Analyzer in Java -

    python - rename keys in a dictionary -