Re: [css-d] It is now clear

2015-06-08 Thread Karl DeSaulniers 

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/

Re: [css-d] It is now clear

2015-06-08 Thread Tom Livingston 
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/

Re: [css-d] It is now clear

2015-06-08 Thread Crest Christopher 
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/

Re: [css-d] It is now clear

2015-06-08 Thread Tom Livingston 
On Mon, Jun 8, 2015 at 10:07 AM, Crest Christopher 
crestchristop...@gmail.com wrote:

 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


I do not understand your question.

The code above represents a container with 2 siblings that are floating
left and right. In my original reply, I included CSS for the class clear
which will cause the container to clear itself with out the use of
additional, needless (IMHO) HTML elements. The above could be occurring
many times within a single webpage. It is not just the main page structure,
though it would work for that as well.


-- 

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/

Re: [css-d] It is now clear

2015-06-07 Thread Tom Livingston 
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


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

Re: [css-d] It is now clear

2015-06-07 Thread Karl DeSaulniers 
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/