Forum Moderators: not2easy

Message Too Old, No Replies

CSS float property

with a twist

         

gms3651

2:50 am on Mar 3, 2007 (gmt 0)

10+ Year Member



I'm trying to create a three column CSS layout. My left column has float:left and my right column has float:right. The problem occurs when I am working on my middle column. I have a couple of <div>'s in my middle column. Each <div> contains a <img> (aligned left) and text that appears to the right of the image. I want each <div> to appear underneath the previous one. However, I can't use 'clear:left' because then my middle content won't appear until it's below the left column. Is there anyway that I can use clear:left for just the middle column?

SuzyUK

3:39 pm on Mar 3, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



wrap the two (or more) divs in a container div and float the container too.