How can I make a bar span across the bottom of my page?

**multimediocrity** · 09-06-2009, 02:05 PM

I want to make a bar span the entire length of the bottom of my page. I've already used my background images for my BODY and HTML tags to make a bar span across the top.

How could I do this? I want the bar to span the entirety of the window regardless of size and browser.

Thanks!
Multi

**scragar** · 09-06-2009, 02:17 PM

css:

Code:

#footer{
  width: 100&#37;;
  background-color: red;
}

HTML Code:

<div id="footer">foo</div>

**multimediocrity** · 09-06-2009, 11:02 PM

Yeah, that approach doesn't exactly work. It creates many cross-browser compatibility problems.

**tracknut** · 09-07-2009, 10:43 AM

I'm a bit curious as to what "cross-browser compatibility problems" you'd see with the code above. I ran a browsershots.org scan on that code, you can see the results. Of their default scan of 52 browsers, only an early pre-release version of Dillo does not display exactly as expected.

Dave

**multimediocrity** · 09-07-2009, 02:14 PM

There are spacing issues which occur. Some browsers have extra space between the border of the frame and the div tag. Sometimes it runs over the size of the screen, which makes the need for a scroll bar on your window. It works in either IE or Firefox ( I forget which), but not the other.

This is why people go to great lengths to find a solution for this problem. I wish it was this simple. I've tried this approach before, and tried modifying it many times to meet my needs before giving it up and trying a less conventional solution (like adding backgrounds to the HTML tag and BODY tag).