Updated [Link <http://jsfiddle.net/0kmbr4cq/13/>] shouldn't the orange
box be below the blue boxes, as in;
Blue Box
Blue Box
Blue Box
Orange Box
David Laakso <mailto:laakso.davi...@gmail.com>
Sunday, January 18, 2015 1:17 PM
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 ?
In this version all four blocks float left. There is nothing to clear.
Works in most browsers and mobile phones. Open in a full width window
and drag to small-screen rendering [or view in your mobile phone].
Please see:
<http://ccstudi.com/chris2.html>
Best,
David Laakso
Crest Christopher <mailto:crestchristop...@gmail.com>
Saturday, January 17, 2015 11:01 PM
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/
