On Jun 8, 2015, at 5:28 AM, Tom Livingston <tom...@gmail.com> wrote:
>
>
> On Sunday, June 7, 2015, Karl DeSaulniers <k...@designdrumm.com> wrote:
> On Jun 7, 2015, at 8:48 PM, Tom Livingston <tom...@gmail.com> wrote:
>
> > On Sun, Jun 7, 2015 at 9:19 PM, Karl DeSaulniers <k...@designdrumm.com>
> > 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
>
Oh, no need. It was more about my understanding of the clear.
That instance was long ago. It ended up teaching me that what I was doing at
the time with my floats was wrong and forced me to reasses how to approach it.
The current project I am working on and trying of the extra clear element is
what prompted (finally) the realization of how that all worked.
So no debugging necessary. :) Thanks for your input though.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
______________________________________________________________________
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/
