Programming Forums > Web Development and Design > HTML / XHTML / CSS

Dameon · Dec 3rd, 2005, 1:17 PM

I cannot manage to find how to position an element relative to the screen rather than page with CSS. Since this element will be a loading indicator, the user needs to see it regardless of what part of the page he/she is scrolled to. Surely this doesn't require Javascript.

Lich · Dec 3rd, 2005, 1:30 PM

Quote:

Originally Posted by Dameon

I cannot manage to find how to position an element relative to the screen rather than page with CSS. Since this element will be a loading indicator, the user needs to see it regardless of what part of the page he/she is scrolled to. Surely this doesn't require Javascript.

I think it does. You can make it relative to the window with just CSS, but to make it relative to the screen I think you need JS. Then again the JS stuff isn't my specialty.

Ooble · Dec 3rd, 2005, 1:59 PM

IIRC, you need to set the CSS position attribute to "fixed" (no quotes).

Dameon · Dec 3rd, 2005, 2:26 PM

Thanks, Ooble. That did it.

Agent 47 · Dec 3rd, 2005, 8:29 PM

position:fixed; will only work in real browsers, IE won't understand it.

You can accommodate IE with the following fix:
http://tagsoup.com/-dev/null-/css/fixed/

--47.

Dec 3rd, 2005, 1:17 PM	#1
Dameon Troll Join Date: Apr 2005 Location: Texas Posts: 732 Rep Power: 4	Positioning an Element in Screen Space I cannot manage to find how to position an element relative to the screen rather than page with CSS. Since this element will be a loading indicator, the user needs to see it regardless of what part of the page he/she is scrolled to. Surely this doesn't require Javascript. __________________ MD5(sig) = bcef75433db02e9ad9bf81d6f7c5c270

Dec 3rd, 2005, 1:59 PM	#3
Ooble I eat cake for breakfast. Join Date: Jul 2004 Location: In my box. Posts: 4,434 Rep Power: 9	IIRC, you need to set the CSS position attribute to "fixed" (no quotes). __________________ Me :: You :: Them

Dec 3rd, 2005, 2:26 PM	#4
Dameon Troll Join Date: Apr 2005 Location: Texas Posts: 732 Rep Power: 4	Thanks, Ooble. That did it. __________________ MD5(sig) = bcef75433db02e9ad9bf81d6f7c5c270

Dec 3rd, 2005, 8:29 PM	#5
Agent 47 Hobbyist Programmer Join Date: Nov 2005 Posts: 122 Rep Power: 4	position:fixed; will only work in real browsers, IE won't understand it. You can accommodate IE with the following fix: http://tagsoup.com/-dev/null-/css/fixed/ --47. __________________ "I'm going to become rich and famous when I invent a device that allows you to stab people in the face over the internet"

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Programming Forums > Web Development and Design > HTML / XHTML / CSS

Positioning an Element in Screen Space