I was thinking this was irrelevant in the present. The page(s) main
container must have contained within the borders of the main container
of the page the following ?
<div class="clear">
<div class="floatleft"></div>
<div class="floatright"></div>
</div>
Tom Livingston <mailto:tom...@gmail.com>
Monday, June 08, 2015 6:28 AM
Odd. A link would help.
Karl DeSaulniers <mailto:k...@designdrumm.com>
Sunday, June 07, 2015 10:16 PM
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/
Tom Livingston <mailto:tom...@gmail.com>
Sunday, June 07, 2015 9:48 PM
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/
Karl DeSaulniers <mailto:k...@designdrumm.com>
Sunday, June 07, 2015 9:19 PM
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.
For anyone else having trouble deciphering what this is and how to
implement, think of it like this.
We all have that situation where a wrapper div doesn't wrap the
contents and the contents flow past the bottom of the wrapper div.
Very unpleasant to say the least.
Well, at the end of the content code (inside the wrapper div) is where
this <div class="clear"></div> or <p class="clear"> or <br
class="clear" /> (whatever class="clear") goes and it keeps your
content from flowing outside your wrapper div if you have any floats
or special layout stuff on the contents preceding. There are many
other implementations and reasonings for using this I'm sure, but this
one turned the light switch for me.
Hope this helps the novice.. :)
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/
______________________________________________________________________
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/
