CODEWITHSUNDEEP
jqueryhtmlcsscss-position
Ian
Ian

Reputation: 12241

Fix HTML Page Element Relative to Browser Chrome

I'm trying to position a div at the top left corner of the page, and I want it to stay there regardless of browser window resizing or page scrolling.

How can I do this either with plain CSS (if possible), or with jQuery?

Upvotes: 2

Views: 1578

Answers (2)

Andy E
Andy E

Reputation: 344567

use css position: fixed;

#fixedDiv {
    position: fixed;
    left: 20px;
    top:20px;
    width: 50px;
    height: 50px;
}

For IE6, see http://www.cssplay.co.uk/layouts/fixed.html

Upvotes: 6

Tammo
Tammo

Reputation: 1178

css-selector {
    position: fixed;
    top: 0;
    left: 0;
}

Take care of the z-index. Higher = foreground.

Upvotes: 2

Related Questions