Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Appying background to floating divs Re: [Solved] Appying background to floating divs

#77124
copaesthetic
Member

Rob, I tried that but the background image only stays confined to the width of each floating div. This particular background has a drop shadow on the left and right, so applying it to all three doesn’t work out. Besides, the margins between those floating divs are empty. I need a single repeating background image to span the entire width of the content_left, content_center and content_right floating divs. Which brought me to try virtual’s suggestion….

Would this be the correct way to write a container within a container…

Code:

unwrapped studio is a print design boutique established by two creative individuals. Our mission is to transform your raw ideas into jaw breaking results…

  • Printed Promotions
  • Periodical Ads
  • Posters

Code:
#header {
}

#container {
position : absolute;
left : 426px;
top : 253px;
}

#header {
}

#content_wrapper {
background-image : url(“navigation/wrapperRepeat.png”);
background-repeat : repeat-y;
}

#content_left {
float : left;
margin-left : 37px
width : 361px;
}

#content_center {
float : left;
margin-left : 37px;
width : 272px;
}

#content_right {
float : left;
margin-left : 37px;
width : 272px;
}

#footer {
}

Because I am not seeing any background image whatsoever!