On Sunday, June 7, 2015, Karl DeSaulniers <k...@designdrumm.com> wrote:
> On Jun 7, 2015, at 8:48 PM, Tom Livingston <tom...@gmail.com
> <javascript:;>> wrote:
>
> > On Sun, Jun 7, 2015 at 9:19 PM, Karl DeSaulniers <k...@designdrumm.com
> <javascript:;>> wrote:
> >> Ok, sorry if this is spam, It has become clear to me what the..
> >>
> >> <style type="text/css">
> >> .clear {
> >> clear:both;
> >> }
> >> <style>
> >> <div class="clear"></div>
> >>
> >> ..does now.
> >>
> >
> >
> > I recommend this:
> >
> > /* CLEARING */
> > /* For modern browsers */
> > .clear:before, .clear:after {content:" "; display:block;}
> > .clear:after {clear:both;}
> > .clear {zoom:1;}/* For IE 6/7 (trigger hasLayout) */
> >
> > and it's applied as such:
> >
> > <div class="clear">
> > <div class="floatleft"></div>
> > <div class="floatright"></div>
> > </div>
> >
> > This saves you from having an extra element in your HTML for just
> > clearing purposes.
> >
> >
> > Some nice info here:
> >
> >
> http://www.sitepoint.com/clearing-floats-overview-different-clearfix-methods/
> >
> > --
> >
> > Tom Livingston | Senior Front End Developer | Media Logic |
> > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
> >
> >
>
> Putting class clear on the wrapper container did not do it for me
> or there was some other reason in the way, but the extra element did it.
> I will try your approach though as it seem to cover the gamut.
>
> Thanks Tom!
>
> Best,
>
> Karl DeSaulniers
>
>
Odd. A link would help.
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
