I have a Div called video container which jumps up to the top of the page instead of being below the other divs as per the way the HTML is coded. How do I resolve this issue? Here is the Code Pen URL for it:
It's because almost all your elements before the video container are absolute positioned, they are removed from the element flow and elements that follow behave like the absolute positioned elements before them don't exist.
great thanks for the quick comments. I am going to read about this fluid layout and responsive paradigm more. Thanks. I guess I try seeing whether a quick fluid positioning works for now.
Hi,
I have a Div called video container which jumps up to the top of the page instead of being below the other divs as per the way the HTML is coded. How do I resolve this issue? Here is the Code Pen URL for it:
http://cdpn.io/ctDJl
It's because almost all your elements before the video container are absolute positioned, they are removed from the element flow and elements that follow behave like the absolute positioned elements before them don't exist.
Yeah....don't do that. There are much better ways of laying out your pages.
great thanks for the quick comments. I am going to read about this fluid layout and responsive paradigm more. Thanks. I guess I try seeing whether a quick fluid positioning works for now.
You would be better off learning about standard document flow and floats before jumping into fluid layouts etc.