Grow your CSS skills. Land your dream job.

Fixed Element (Div)

  • # April 24, 2009 at 12:09 pm

    I don’t know how the best way to describe this but here it goes… The desired effect I am looking for is a item fixed in the top corner of the screen even as the page is minimized or enlarged. the website I have the page on right now is http://www.chriscarvergraphics.com I want the top corner item that says "News, Tips & Tutorials to be fixed in the corner at all times no matter how wide the browser window.

    Any help would be greatly appreciated. I am going from the direction now of using an AP DIv but it just stays in place.
    Thank you,

    # April 24, 2009 at 12:23 pm

    okay so I got it to do what I want, however the browser is just too wide so it is always so far over you have to scroll to see it. I want it to be fixed on the left top corner of the browser at all times.

    # April 24, 2009 at 1:37 pm

    Here you go:

    Code:
    #corner {
    height:250px;
    overflow:auto;
    position:absolute;
    top:0;
    right:0;
    width:250px;
    z-index:1;
    }
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".