When you float an element it is removed from the parent's rendering context. With both divs floated, div.content collapses to 0 height. Add an element following the div.contentr and give it clear:both. That forces it to appear below both of the floated divs.
dcm On Mar 4, 4:28 am, Shawn <[email protected]> wrote: > I'm working on this site and for some reason the background image in > my container (.content), will not display with two left and right > classes in it. Any help is greatly appreciated! > (www.comehometoscotland.com/2/ > > Here is the code: > > ///////////// CSS //////////////// > .content { > background: #FFFFFF url(images/content-bg.gif) repeat-x; > margin: 0 auto 0; > width: 900px;} > > .contentl { > float: left; > width: 655px; > padding: 10px; > height: 100%;} > > .contentr { > width: 205px; > float: right; > padding: 10px; > height: 100%; > > } > > //////////// HTML /////////////// > > <div class="content"> > <div class="contentl"> > <h2>Mission Statement</h2> > <blockquote>Making films to bring families together through > discovering their Scottish heritage, thus enriching their lives as > they connect with relatives, discover past generations, and historical > places connected to their family.</blockquote> > <h2>Partners</h2> > <p>We welcome any new blahblahs</p> > </div> > <div class="contentr"> > <img src="images/video_t.jpg"> > </div> > > </div> --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
