Grow your CSS skills. Land your dream job.

Small Gap in Footer?

  • # June 13, 2013 at 5:49 pm

    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”)

    # June 14, 2013 at 3:30 am

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

    # June 14, 2013 at 8:12 am

    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.

    # June 14, 2013 at 8:18 am

    That link comes out REALLY big.

    # June 14, 2013 at 8:23 am

    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.

    # June 14, 2013 at 3:13 pm

    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)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".