You need to use a clearfix. http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
On Mon, Mar 9, 2009 at 7:52 PM, Devon <[email protected]> wrote: > > 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> > > > -- -Richard Aday --~--~---------~--~----~------------~-------~--~----~ -- 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] -~----------~----~----~----~------~----~------~--~---
