footer auto adjustment

9three · 04-30-2009, 02: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?

9three · 04-30-2009, 04:55 AM

I fixed it. I removed the height from the wrapper and it worked perfect.