August 30, 2013 at 5:33 am #148576
Thanks of your ideas.
Here is the solution I went with (a fork of the first codepen):
- put the content div first with specific margins to match sidebar widths
- made the sidebars normally fixed (top, left or right) within the wrapper containing both sidebars and the content
- at whatever width needed, made each sidebar static and float left or right (below content is natural because of source order) while removing the respective content margin
I’m very happy with this since it does not involve much code at all and seems pretty standard … ie: no “tricks”. :-)