TalkPHP - View Single Post

9three · 04-30-2009, 01:32 AM

Hey,

I currently have a wrapper

Code:

#wrapper 
{
  position: relative;
  margin: 0 auto;
  padding: 0px;
  width: 870px;
  height: 0px;
}

The problem is that my footer has an image that needs to repeat across the entire browser. So if I put the footer in the wrapper it only repeats within the wrapper.

So what I did was move the footer outside the wrapper and in FF it looks fine, but in IE it's broken. It shows the footer all the way at the top

Code:

#footer
{
  width: 100%;
  height: 100px;
  float: left;
  margin: 25px 0px 0px 0px;
  padding: 0px;
  color: #FFFFFF;
  text-align: center;
  background: #cecece url(../images/content_footerBG.jpg) repeat-x;
}

How can I stack the footer under the wrapper?

04-30-2009, 01:32 AM	#1 (permalink)
9three The Contributor Join Date: Oct 2008 Posts: 75 Thanks: 4	footer auto adjustment Hey, I currently have a wrapper Code: #wrapper { position: relative; margin: 0 auto; padding: 0px; width: 870px; height: 0px; } The problem is that my footer has an image that needs to repeat across the entire browser. So if I put the footer in the wrapper it only repeats within the wrapper. So what I did was move the footer outside the wrapper and in FF it looks fine, but in IE it's broken. It shows the footer all the way at the top Code: #footer { width: 100%; height: 100px; float: left; margin: 25px 0px 0px 0px; padding: 0px; color: #FFFFFF; text-align: center; background: #cecece url(../images/content_footerBG.jpg) repeat-x; } How can I stack the footer under the wrapper?