Question

Can someone please explain why my articles div appears below my sidebar div?

http://www.api.jonathanlyon.com/getpocket/view.html

You will need to select an item in the dropdown first

Thanks

Jonathan

Answer 1

Remove the float attribute on the ‘container’ div and it will work correctly.

[edit] The float attribute on ‘bigcontainer’ is also unnecessary.

The cause of this issue is probably as follows: floated elements are ignored when computing the dimensions of the enclosing element. You have floated both ‘lsidebar’ and ‘container’, so there is nothing left in ‘bigcontainer’ and its computed width is zero. As a result, when the ‘container’ element is placed, there is no horizontal space left in the enclosing ‘bigcontainer’ element, so it is placed below the ‘lsidebar’ element.