Bottom End of the Web Page

HTML & CSS
1

Hi Everybody,

Good day
I have been facing little bit problem with my latest CSS project. I couldn’t adjust padding and text/image at the bottom of the page. So, I attached a screen shoot along with my project files. I like to arrange my bottom end according to the screen shoot image.

So, please see the both files and helps me to identify the right code.

Thank you.

2

Hi,

If you are talking about the black background not extending then you need to contain your floats.


#widget-wrap{
zoom:1.0;
}
#widget-wrap:after{
content:" ";
display:block;
clear:both;
height:0;
visibility:hidden;
}

If you want the background just on the footer elements then wrap them in a div (make sure you contain floats) and apply the background to that div instead of the whole wrapper.