Member Avatar for mocinq

Hi guys, I'm new to CSS and the learning progress is going good but I have run into a problem!

I have a main #wrapper which contains the whole website. Inside that I have a #header, #content_wrap and #footer. Inside the #content_wrap I have 3 more div id's (left nav, content area and right nav). The problem is that I can't figure out how to add a repeating background image to the content wrap. I want the background to carry on repeating down when the left nav, content area and right nav extend. The background is visible when I give the #content_wrap a height. I don't want it a fixed height because some pages will have more content than others.

This is how the divs are placed:

<div id="wrapper">

<div id="div id=header"></div>

<div id="content_wrap">
<div id="left"></div>
<div id="content"></div>
<div id="right"></div>
</div> <!-- End content_wrap -->

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

</div><!-- End wrapper -->

This is how it should look: http://postimage.org/image/2c0e7o9no/

But this is how it looks now ;/ : http://postimage.org/image/2c0hiqyn8/

Can you please help me with this. If u need more info then please ask. Cheers.

Edited by mocinq because: more info
  • 1 Contributor
  • 1 Reply
  • 156 Views
  • 9 Hours Discussion Span
  • Latest Post Latest Post by mocinq
Member Avatar for mocinq

Nevermind! I have figured it out. Had to add Overflow:auto; to the div I had the background repeat-y image in. Cool.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.