Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to make sidebars move below content Reply To: How to make sidebars move below content

#148576
Ron Strilaeff
Participant

Thanks of your ideas.

Here is the solution I went with (a fork of the first codepen):
http://codepen.io/RonStrilaeff/pen/oefav

  • 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

Voila!

I’m very happy with this since it does not involve much code at all and seems pretty standard … ie: no “tricks”. :-)