Gap below footer

HTML & CSS
1

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

2

Hi,
The problem is that you have a total height of 198px on your #apacia div but the BG image is only 188px.

#apacia {
    height: [COLOR=#ff0000]188px;[/COLOR]
    padding-top: [COLOR=#006400]10px;[/COLOR]
    margin: [COLOR=#ff0000]-198px [/COLOR]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.:slight_smile:

#apacia {
    height: [COLOR=#0000cd]178px;[/COLOR]
    padding-top: [COLOR=#006400]10px;[/COLOR]
    margin: [COLOR=#0000cd]-188px[/COLOR] auto 0 auto;
    background-image: url("grafika/buttom-fonas.jpg");
    background-repeat: repeat-x;
}
3

OR YOU COULD… simply align the graphic image to the bottom of your element. :slight_smile:


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

Thanks :slight_smile: 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. :slight_smile: