CSS Repeating background issue...

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

I have a site I'm working on that I'm having an issue with. It's not really so much a repeating background issue as it is a div height issue. I'm wanting a div to be as high as the nested divs that it contains, that way the background image will go all the way down.

That probably makes very little sense. Check out the following URL:

http://www.tandswebdesign.com/samples/mnic/

I'm wanting the background on the left menu to go all the way down. I placed the background in the "main" div that all the subsequent divs are nexted in, including the menu ("menu") and main content ("content").

Any ideas?

Oh, it will look fine on the front page, because the content is less than 100%. But check out "Our Mission Plan" and you'll see what I mean.

chrishirst's picture

He has: 379 posts

Joined: Apr 2005

move the background-image definition for #main into the body it will then extend to the full length of the page

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Can't believe I didn't think of that. I must have been staring at it too long. Smiling

Thanks, Chris. Works great.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.