My preference would be to clear floats through the CSS and not through adding in any additional markup. The code for this is below, so any two elements being floated to sit side by side should be put in a container with the class .clearfix.
I use this approach purely because I view this as a presentation issue and not a reason to add a new element to your HTML structure. I hope this helps and here is a link explaining the below example http://www.positioniseverything.net/easyclearing.html Cheers Jamie Stewart .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ On 12/11/2007, Likely, James A. <[EMAIL PROTECTED]> wrote: > > Hello, > > I am curious to see how others clear floats. > > Here is the problem. Div one and two float left and take 50% of the > screen. Content is to go below the two floats. > > <div style="float: left">one</div> > <div style="float: left">two</div> > <div>Content</div> > > In the past I would use: > > <div style="float: left">one</div> > <div style="float: left">two</div> > <br style="clear: both; /> > <div>Content</div> > > As this seemed to be the only method to make the clear work in IE. I am > curious to see how others do this and if you are doing it with out using the > <br style="clear:both" /> > > What method are you using to make this work in IE? > > Thanks > > Jamie > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
