Please webmasters, I'm having a strange issue with a phonegap app. I have an advert I want to fix permanently to the bottom of the page but it doesn't work on any of the devices I tried it with. It only works on a computer browser

This is my markup
<img src="img/add.jpg" class="ads"/>

This is the css
.ads
{
width: 100%;
position: fixed;
bottom: 0px;
-webkit-backface-visibility: hidden;//got this suggestion from a site but it failed
}

It works well on pc but scrolls on mobile.... any suggestion would be appreciated.

dhtml, pcguru, and other webmasters I believe this would be easy for you

this one pass me

FincoApps:
Please webmasters, I'm having a strange issue with a phonegap app. I have an advert I want to fix permanently to the bottom of the page but it doesn't work on any of the devices I tried it with. It only works on a computer browser

This is my markup
<img src="img/add.jpg" class="ads"/>

This is the css
.ads
{
width: 100%;
position: fixed;
bottom: 0px;
-webkit-backface-visibility: hidden;//got this suggestion from a site but it failed
}

It works well on pc but scrolls on mobile.... any suggestion would be appreciated

Why not put the image inside the div - .ads rather than give the image the class name.

onyengbu:

Why not put the image inside the div - .ads rather than give the image the class name.

I doubt that will that make a difference, but I will try that now. Thanks

Which mobile browser are you trying it on?

Afam4eva:
Which mobile browser are you trying it on?

Was creating an Hybrid app. I found a solution already

Thanks

FincoApps:


Was creating an Hybrid app. I found a solution already

Thanks

Ok. Cool.

Btw, how is Vacoas and Quatre Borne?

Afam4eva:

Ok. Cool.

Btw, how is Vacoas and Quatre Borne?

Lol which Afam is this