Positioning Sidebars

[edonian]

This is what happens when you use things like Bootstrap too often. lol.

I just can’t seem to move my sidebar to the left of the “main content” as you can see here: http://codepen.io/edonian/pen/vKzKWB

I tried using “float: left” But somehow it looks like the the dark gray box is overlapping the content, when I want it to move to the left but stay aligned with the content across from it.

What on earth am I doing wrong?

Any help is greatly appreciated!

[Atelierbram]

Basically floats needs to be cleared, though an extra wrapper element around the (blog)sections here (also floated) helps. Then better put those styles for floats within a media-query, to also make the layout work on smaller screens.

Note the overflow: auto for clearing on the .wrapper in my fork of your demo:

http://codepen.io/atelierbram/pen/akRzAv

[edonian]

Wow thanks! I’m such an amateur at this, but you’ve help a lot. Thank you so much!!

[Author]

Posts