Repeating Background Image Issues

[RobDY]

Hey all.

I’m setting up a new site, with the test version located at http://robdyoung.com/consult/. I set it up in CSS (first site I’ve done in a couple years), and I’ve apparently botched the repeated images. I have it all there, but when the box in the main section of content extends past the combined length of the top image and footer, the repeating background won’t kick in – and I’m not sure why.

I played with it a ton today, but can’t seem to get a fix. Would love some help. Here are the locations of my files:

http://robdyoung.com/consult/index.php
http://robdyoung.com/consult/css.css
http://robdyoung.com/consult/images/RDY-Consulting-body-nav.png
http://robdyoung.com/consult/images/RDY-Consulting-bottom.png
http://robdyoung.com/consult/images/RDY-Consulting-rpt.png
http://robdyoung.com/consult/images/RDY-Consulting-top.png
http://robdyoung.com/consult/includes/body.php
http://robdyoung.com/consult/includes/foot.php
http://robdyoung.com/consult/includes/head.php

I wish I had a more specific request, but I’m honestly lost. I have no idea what part of this I’m doing wrong. I maybe shouldn’t have gone for a more complicated design after two years without touching code; the result seems to be me without a clue.

If anyone has any ideas – even if it’s just a pointer on where to look or what to try next – I would greatly appreciate it.

Cheers,

Rob

[TheDoc]

Hey Rob – it looks fine to me! Perhaps you’ve fixed it since posting?

[RobDY]

The “Ready to enlist my expert-level support in your project? Request a quote today” segment is actually part of the right-hand content. The repeating background just didn’t extend behind it.

[RobDY]

The clear: both worked! If anyone has an explanation as to why so I don’t get lost in the future, that’d be great. I actually inserted a clear: both DIV right before the footer, and that did nothing. What’s the difference here?

I did the breaks for testing purposes; I wanted to see if the page expanded like I wanted it to.

[RobDY]

Yeah, I haven’t coded my menu yet. I’ll keep all your suggestions in mind.

So … could this issue also have been fixed by defining the exact percentile width of the menu and rightcontent divs relative to the container div? Would that have made it so the footer naturally fell below, or is it because of the chain-floating that we need to clear it?

[Author]

Posts