Hi Karl,

Good solution Georg, I was thinking along the same lines, only didn't have
time to test it. The only thing I would add would be to put
"overflow:hidden;" on the outer div. This way when you keep shrinking, it
begins hiding the two inner divs when the containing div reaches min-width.

Now I have a question for you Karl,  what are you going to use this for?
Shrinking windows is something we developers use to test for responsive
design, but is this something that fits into the user experience. i.e.
"rotate your smart phone to get a different experience", or will this be
part of an animation?


Rod Castello


On Thu, Mar 20, 2014 at 11:40 PM, Karl DeSaulniers <k...@designdrumm.com>wrote:

> Where do I send the 12-pack?
> Thank you so much for this.
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
>
>
>
> On Mar 20, 2014, at 9:17 PM, Georg <ge...@gunlaug.com> wrote:
>
> > Den 20.03.2014 17:34, skrev Karl DeSaulniers:
> >> Link to example:
> >> http://designdrumm.com/boxresize.jpg
> >
> > Something along these lines might work...
> >
> > http://www.gunlaug.com/contents/test/shrink-1.html
> >
> > CSS in source-code.
> >
> > regards
> >    Georg
> >
> > ______________________________________________________________________
> > 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/
>
______________________________________________________________________
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/

Reply via email to