[css-d] Floats
How come, with or without the pseudo-element of clearing float to the left, it doesn't appear to make a difference ? Everything still floats to the left, shouldn't some of the class=box be floating to the right, especially the orange box ? [Link http://jsfiddle.net/WildWind/0kmbr4cq/1/] __ 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] Floats
Crest Christopher wrote: How come, with or without the pseudo-element of clearing float to the left, it doesn't appear to make a difference ? Everything still floats to the left, shouldn't some of the class=box be floating to the right, especially the orange box ? [Link http://jsfiddle.net/WildWind/0kmbr4cq/1/] Question 1 : which element has class after-box ? Question 2 : in which browser(s) is the orange box not rendered as floating right ? Philip Taylor __ 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] Floats
On Sat Jan 17 2015 at 8:42:22 AM Philip Taylor p.tay...@rhul.ac.uk wrote: Crest Christopher wrote: How come, with or without the pseudo-element of clearing float to the left, it doesn't appear to make a difference ? Everything still floats to the left, shouldn't some of the class=box be floating to the right, especially the orange box ? [Link http://jsfiddle.net/WildWind/0kmbr4cq/1/] Question 1 : which element has class after-box ? Question 2 : in which browser(s) is the orange box not rendered as floating right ? Philip Taylor __ I don't see a pseudo-element in that jsfiddle. All blue boxes are floating left, orange box is floating right. Just as expected from the code. Perhaps the fiddle has changed since you posted the question, Crest Cristopher? Tim __ 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] Floats
On Sat, Jan 17, 2015 at 7:58 AM, Crest Christopher crestchristop...@gmail.com wrote: How come, with or without the pseudo-element of clearing float to the left, it doesn't appear to make a difference ? Everything still floats to the left, shouldn't some of the class=box be floating to the right, especially the orange box ? [Link http://jsfiddle.net/WildWind/0kmbr4cq/1/] Not sure I understand what you are attempting to do-- maybe something like this? http://ccstudi.com/chris.html Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ 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] Floats
On Sat, Jan 17, 2015 at 10:27 AM, David Laakso laakso.davi...@gmail.com wrote: On Sat, Jan 17, 2015 at 7:58 AM, Crest Christopher crestchristop...@gmail.com wrote: How come, with or without the pseudo-element of clearing float to the left, it doesn't appear to make a difference ? Everything still floats to the left, shouldn't some of the class=box be floating to the right, especially the orange box ? [Link http://jsfiddle.net/WildWind/0kmbr4cq/1/] Not sure I understand what you are attempting to do-- maybe something like this? http://ccstudi.com/chris.html As above with generated content .box1:before and .box1:after added... http://ccstudi.com/chris1.html Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ 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] Floats
Updated [Link http://jsfiddle.net/0kmbr4cq/5/] I want to know what I'm doing wrong why Pseudo-element:after with a clearing of floats is not working for the orange box ? David Laakso mailto:laakso.davi...@gmail.com Saturday, January 17, 2015 12:08 PM As above with generated content .box1:before and .box1:after added... http://ccstudi.com/chris1.html Best, David Laakso David Laakso mailto:laakso.davi...@gmail.com Saturday, January 17, 2015 10:27 AM On Sat, Jan 17, 2015 at 7:58 AM, Crest Christopher Not sure I understand what you are attempting to do-- maybe something like this? http://ccstudi.com/chris.html Best, David Laakso Crest Christopher mailto:crestchristop...@gmail.com Saturday, January 17, 2015 7:58 AM How come, with or without the pseudo-element of clearing float to the left, it doesn't appear to make a difference ? Everything still floats to the left, shouldn't some of the class=box be floating to the right, especially the orange box ? [Link http://jsfiddle.net/WildWind/0kmbr4cq/1/] __ 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] Floats
I see a stray exclamation mark. On Sat, Jan 17, 2015 at 11:01 PM Crest Christopher crestchristop...@gmail.com wrote: Updated [Link http://jsfiddle.net/0kmbr4cq/5/] I want to know what I'm doing wrong why Pseudo-element:after with a clearing of floats is not working for the orange box ? David Laakso mailto:laakso.davi...@gmail.com Saturday, January 17, 2015 12:08 PM As above with generated content .box1:before and .box1:after added... http://ccstudi.com/chris1.html Best, David Laakso David Laakso mailto:laakso.davi...@gmail.com Saturday, January 17, 2015 10:27 AM On Sat, Jan 17, 2015 at 7:58 AM, Crest Christopher Not sure I understand what you are attempting to do-- maybe something like this? http://ccstudi.com/chris.html Best, David Laakso Crest Christopher mailto:crestchristop...@gmail.com Saturday, January 17, 2015 7:58 AM How come, with or without the pseudo-element of clearing float to the left, it doesn't appear to make a difference ? Everything still floats to the left, shouldn't some of the class=box be floating to the right, especially the orange box ? [Link http://jsfiddle.net/WildWind/0kmbr4cq/1/] __ 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/