SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Jan 2012
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Gap below footer

    Hey, can anyone help me to remove gap from http://siauliaicity.lt/sokoladine%202/ below footer?

  2. #2
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    The problem is that you have a total height of 198px on your #apacia div but the BG image is only 188px.

    Code:
    #apacia {
        height: 188px;
        padding-top: 10px;
        margin: -198px auto 0 auto;
        background-image: url("grafika/buttom-fonas.jpg");
        background-repeat: repeat-x;
    }
    Just reduce the height and neg margin by 10px or remake your image.

    It looks like you forgot to account for the 10px top padding.

    Code:
    #apacia {
        height: 178px;
        padding-top: 10px;
        margin: -188px auto 0 auto;
        background-image: url("grafika/buttom-fonas.jpg");
        background-repeat: repeat-x;
    }

  3. #3
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,791
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    OR YOU COULD... simply align the graphic image to the bottom of your element.


    Code:
    #apacia {
    	height: 188px;
    	padding-top: 10px;
    	margin: -198px auto 0 auto;
    	background: url("buttom-fonas.jpg")  0 bottom repeat-x;
    }

  4. #4
    SitePoint Member
    Join Date
    Jan 2012
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Do you think it's good way to fix footer position on buttom? I will have some floating div's later, won't there be any problems with it? Because now when you minimaze page it's all ok till footer go to the content, then scrolls appear.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •