On Sun, Jun 7, 2015 at 9:19 PM, Karl DeSaulniers <[email protected]> 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
#663399
______________________________________________________________________
css-discuss [[email protected]]
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/
