[jay76]

Hi, hopefully a simple footer issue that someone can help me on.

I have a footer that also has a footheader which is a shadow effect that sits above the footer, when I remove this footheader I get white space under the footer, how do I prevent the whitespace?

I have tried altering the .push but does not make any difference.

css code below;

.push    {              
	height: 328px;
	clear: both;
}

#footer    {           
    height:250px;
	background:#000;
	
   		
}
#footerline  {
    height:15px;
    background: gray;
    
}
#footerlinetxt {
    width:940px;
	margin: 0 auto;
}
#footerlinetxt p {
    font:arial;
	font-size:10px;
	text-align:left;
	margin-left:10px;
	color:#ffffff;
}
#footerheader {
	height: 78px;
	background-image: url(../images/footer-shadow.jpg);
	background-repeat: repeat-x;
	clear:both;
	
	
}

Thanks in advance

This post has been edited by jay76: 06 February 2012 - 01:45 PM

[hodephdesign]

Any chance of a link/screenshot?

[jay76]

yeh will just sort that for you, thanks

[jay76]

Sent you an email / pm

[Glowbridge]

Just going off what I have in my head from your description ;

#footer { height: 250px; background: #000; position: relative; bottom: 0px; }

[jay76]

Hi Glowbridge, I will give that a try mate... thanks

[jay76]

Glowbridge,

made no difference mate

[jay76]

Glowbridge, could I send you a link to the page?

[hodephdesign]

Well as it's not fixed in position at the moment it's just floating halfway up the page...

[jay76]

ok, what is the best way of fixing it in place? thanks

... also I was messing with the css so could of been myself that made it go up the page.

removing the footheader causes the footer to be bigger the 250px marked up in the css?

This post has been edited by jay76: 06 February 2012 - 01:19 PM

[4colourprogress]

http://www.cssstickyfooter.com/

This post has been edited by 4colourprogress: 06 February 2012 - 01:20 PM

[jay76]

seems like it will just be easier to leave the footheader image on the page as this keeps everything as it should be and the footer fixed to the bottom of the page, just things dont work when removing it!

[jay76]

I tried that stickyfooter, did not work. The issue is the footer height once removing the footerheader image above the footer.

This post has been edited by jay76: 06 February 2012 - 02:07 PM

[jay76]

image of the white space below the footer

Attached File(s)

•  Capture.JPG (17.08K)
  Number of downloads: 7

[jay76]

sorted this (I think) by adding padding-bottom: to the content div which has stopped the white space under the footer now