PDA

View Full Version : Moving footer image to the bottom



ketanco
07 Apr 2011, 07:13 PM
Hi

See robofight.com/test/

1-how can I move the footer image to the bottom?

2- how can I increase the height of the whole website?

3- how can I make the header section (that contains the logo) shorther in height?

Wickham
08 Apr 2011, 12:42 AM
1. A commonly used "sticky footer" tutorial is here:-
http://www.cssstickyfooter.com/

2. The height of your page will either be determined by the height required for the content (it may be slightly different for different browsers) or you put the whole content inside a wrapper div which has a height.

3. Your #header div has a height of 226px


#header{
background-image: url(images/logo.png);
height: 226px;
width: 777px;
left: 0px;
top: 0px;
}

The height of logo.png is 196px so you could edit the #header height to 196px for a start. If you decrease the #header height to less than 196px the logo background image will start to get cut off at the bottom, but you have scope to allow that.