Grow your CSS skills. Land your dream job.

Need Help Positioning div

  • # February 22, 2013 at 11:46 am

    hello, please help me with positioning this div
    http://jsfiddle.net/DnJ2z/95/
    check the link above
    When we scroll down the blue div in html a div appears in green color.
    I need help in positioning that div that for different screen sizes it should remain at its fixed position which it is currently on When we zoom out it starts moving on right side :(

    I want it from the right of the screen upto some position in center(say near word Hello) and If we zoom out it should remain on that position(near word Hello as before)

    :HELP:

    # February 22, 2013 at 2:56 pm

    I’m a little confused about what you want to do but you could try setting widths of the blue/green divs to percentages

    # February 22, 2013 at 3:17 pm

    I am also slightly confused as to what you want, but if you are concerned about the position of the div with an ID of dvid at smaller breakpoints, I would simply change the property value to something that isn’t as wide as 200px. The reason you want a value that is less than the current pixel value is because 200px on a device that is, say, 480px wide (e.g., an iPhone Droid), is going to appear much larger than you want. This would also affect your perception of its position within the viewport. Using percentages is one easy way to eschew much of this headache.

    But, again, I am slightly uncertain as to what you want.

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

You must be logged in to reply to this topic.

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