Question

I’m using jquery mobile, and I have a image that I would like to fit the screen from right to left, with no gaps. However, if I just put the image without doing anything to it like <img src="image.png />", it turns out with a small black border around it. This stays despite me setting width=100% in the css. How can I remove this border?

Adding some code:

<div data-role="content" style="background-color: #000000">
    <div id="slogandiv">
    <img src="slogan.jpg" id="slogan" width="100%" height="45%"/>
 </div>

Answer 1

I just did this. It is because that the data-role = “content” has a automated padding of 15px.
I went into the .css file and removed this. search for ui-content. remember in the ui-content, listview, that it has -15 so change this to 0 aswell.