I am showing some html in a webview that is embedded in a table cell. For some reason, there is a black line at the bottom of the webpage. I tried setting the background color of the webview and its scrollview to white, but that didn't change anything. Has anyone seen this before? 
Here is the HTML that displays:
<html> <head> <style type="text/css"> a {text-decoration:none;background-color:white;} </style> <title></title> </head> <body style="margin:0;padding:0;background-color:white;"> <a href="http://body/" style= "font-family:HelveticaNeue-Light;font-size:20.000000;color:black;-webkit-tap-highlight-color:rgba(0,0,0,0);"> Portland Blazers vs Golden State Warriors | FULL Highlights | January 26 , 2014 | NBA 2013-14 Season</a><span style= "font-family:HelveticaNeue;font-size:12.000000;color:rgb(102,102,102);white-space:nowrap;"><a href="https://www.youtube.com/watch?v=2TfldZ4w57E&feature=youtube_gdata_player" style= "font-family:HelveticaNeue;font-size:12;color:rgb(102,102,102);-webkit-tap-highlight-color:rgba(0,0,0,0);"><img height="12" src="file:link@2x.png" width="20">www.youtube.com</a></span> </body> </html>
This is on iOS7.
UPDATE: I'm still not sure what causes the black line, but I managed to get rid of it by changing the way I set my layout restrictions. Before I set limits on the distance around the views and let the layout system determine the size that should be the view. I modified it to explicitly set the height limit of the webview when the webview finishes loading the content. This seems to fix the problem, but I still don't understand where the black line comes from.
html css ios uiwebview
HowsItStack Jan 29 '14 at 1:05 2014-01-29 01:05
source share