Hey, can anyone help me to remove gap from http://siauliaicity.lt/sokoladine%202/ below footer?
| SitePoint Sponsor |
Hey, can anyone help me to remove gap from http://siauliaicity.lt/sokoladine%202/ below footer?
Hi,
The problem is that you have a total height of 198px on your #apacia div but the BG image is only 188px.
Just reduce the height and neg margin by 10px or remake your image.Code:#apacia { height: 188px; padding-top: 10px; margin: -198px auto 0 auto; background-image: url("grafika/buttom-fonas.jpg"); background-repeat: repeat-x; }
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; }
Ray H.- css-lab.com
W3C Specs - CSS 2.1 | CSS current work | Properties Index


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; }
Brilliant ideas, elegant execution.
Graphic Design, Art Direction, Copywriting and Web Design.
ThanksDo 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