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
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/
