Small Gap in Footer?

[Kcharle]

Hello all,

Im having a small problem with the footer of my page and by small i mean probably 1px small.

The footer of the page is responsive because it is going to be the mobile version therefore it needs to adjust to different smartphone sizes obviously.

My problem is that on the very right side there is a small gap inbetween the “map” image and the border of the containing div. All the images in the footer add up too 100% so im not sure why there is this tiny gap.

If anyone has any ideas on how to remove this gap that I would be eternally grateful as I have wracked my brain on it for days now with no success.

My code :

CSS – http://pastebin.com/j4mhPw4i
HTML – http://pastebin.com/UWTDrHFp

And a screenshot of the problem in question :

[Screenshot](http://i41.tinypic.com/2uogrnk.png “Screenshot”)

[yoyo]

i saw the problem in screenshot,will you have a live link or make a Codepen with images, then anybody can help you out

[Kcharle]

Hello, sorry i guess that would have made more sense.

Here is a live link

[Link](http://kcharle1.zxq.net/proj5test/index4.html “Link”)

The problem seems to be more predominate in safari and IOS browsers.

[Paulie_D]

That link comes out REALLY big.

[Paulie_D]

I think you might be better off using those images as backgrounds and sizing the divs (and presumably the links which will live inside them at some point.

[Kcharle]

yea its cause its for a mobile version so you have to shrink the window down to the smallest size as if it was on a mobile screen..

Thank in advance

[Author]

Posts