The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Small Gap in Footer?

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #45512

    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 –
    HTML –

    And a screenshot of the problem in question :

    [Screenshot]( “Screenshot”)


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


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

    Here is a live link

    [Link]( “Link”)

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


    That link comes out REALLY big.


    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.


    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.