Is it possible? I have a background with a textured canvas surface and paint splotches all over it. I only made the image have a height of 2000px. That seemed enough to me at the time. But I want to allow the page to scroll down to an indeterminate length. I don't want another scrollbar, btw.

So is it possible to have another image after the first background? I would have that image repeat, but I can't have the first one repeat.

BODY, html {
    background-color: #D5E8F1;
    background-image: url(wallpaper.gif);
    background-repeat: no-repeat;
    margin: 0px;
 }
 
 #bigwrapper {
  width: 880px;
  margin-left: 100px;
  padding-top: 10px;
  max-height: 1980px;
  overflow: hidden;
 }
 
 #sideBanner {
    width: 80px;
    height: 600px;
    background-image: url(bannerSide.gif);
    float:right;
    background-repeat: no-repeat;
    margin-top: -27px;
    margin-left: 15px;
 }
 
 /* holds everything, except the bottom container, together */
 #wrapper {
  width: 778px;
  margin: auto;
  /*background-color: #F0EEA5;*/
  border-right: 1px solid #DAB939;
  border-left: 1px solid #DAB939;
  margin-bottom: 20px;
  float:left;
  background-image: url(bg_wrapper.gif);
 }

You can't have two background images for the same element in CSS 2.1 but CSS3 allows this. And seeing as most browsers dont support this...you could maybe use two divs and set a background image for each div.

What do you mean by "most browsers?" I thought nearly all support CSS3, except IE's twisting of standards, but I would test it in IE myself.

Most browsers support some properties of CSS3 but I think you misunderstand that. CSS3 is comprised of many many properties. No browser today supports them all. which is why you shouldn't be using CSS3 in your website because only certain browsers will display the effects of that property. That is one reason why a lot of browsers started using vendor extensions for their browsers.

If I remember correctly, only Safari 4, and I think FF 3.5 support multiple background images on an element.

HTH, Cheers

Ok, I see. I feel like it would be considered bad coding (can I apply "programming" to CSS?) if I made two divs for the background. If I try overflow, I get two scrollbars. I don't want to limit the amount of content posted on the website, and I don't want to create the background image all over again.

We would need a link to the website in question for us to help you CSS isn't programming because of obvious reasons. CSS could be called coding, or even a stretch, scripting. Why not just keep overflow:visible, instead of auto, or is your background image a fixed one?

Cheers

Like I said, I cannot have overflow because the background is an image that would look odd if it repeated.

Then you would need to have a fixed max amount of content, and anything more would have to have an overflow: auto; on the content div with a set height.

Cheers

I thought we already answered those questions in the first two posts. I'd like other suggestions.

There aren't many. We at least need to see your code and the backgrounds. Trying to envision your scenario w/o the actual images isn't helpful.

There are other ways to clear floats without the overflow option, it's not as clean, but it does work.

One such method is the clearfix method:

http://www.webtoolkit.info/css-clearfix.html
http://www.positioniseverything.net/easyclearing.html

Cheers