Grow your CSS skills. Land your dream job.

DIV jumps out

  • # February 23, 2013 at 6:06 pm

    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

    # February 23, 2013 at 6:14 pm

    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.

    # February 24, 2013 at 2:11 am

    >It’s because almost all your elements before the video container are absolute positioned,

    Yeah….don’t do that. There are much better ways of laying out your pages.

    # February 24, 2013 at 2:19 am

    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.

    # February 24, 2013 at 2:21 am

    You would be better off learning about standard document flow and floats before jumping into fluid layouts etc.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".