Keeping block of text in one place whilst scrolling

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Paul Blarmy - 25 Mar 2006 09:42 GMT

Could somebody please let me know what to put into my CSS file which
will allow me to keep a block of text in one fixed position (top right
of screen) even when the rest of the webpage is scrolled?

Thanks very much.

Signature

EMail address is disposable and never checked.
Outgoing message is certified VIRUS FREE by
*me* using nothing more than common sense.

Reply to this Message

kchayka - 25 Mar 2006 14:37 GMT

> Could somebody please let me know what to put into my CSS file which
> will allow me to keep a block of text in one fixed position (top right
> of screen) even when the rest of the webpage is scrolled?

<URL:http://www.google.com/search?q=keep%20a%20block%20of%20text%20in%20one%20fixed%2
0position%20with%20CSS>

Be aware, however, that IE doesn't support standard fixed positioning,
but there are work arounds. google is your friend - use it.

Signature

Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Reply to this Message

Toby Inkster - 25 Mar 2006 16:56 GMT

> Be aware, however, that IE doesn't support standard fixed positioning,

IE 7.0 will though.

Signature

Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

Reply to this Message

kchayka - 25 Mar 2006 23:04 GMT

>> Be aware, however, that IE doesn't support standard fixed positioning,
>
> IE 7.0 will though.

Speaking of which, I just downloaded the latest beta version. Many sites
that were rather broken in the last version aren't so bad now. There is
hope after all. :-)

Signature

Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Reply to this Message

Ad von Reeken - 25 Mar 2006 15:12 GMT

I felt a strong urge to react when I read that
Paul Blarmy wrote in comp.infosystems.www.authoring.stylesheets
in thread "Keeping block of text in one place whilst scrolling":

>Could somebody please let me know what to put into my CSS file which
>will allow me to keep a block of text in one fixed position (top right
>of screen) even when the rest of the webpage is scrolled?
>
>Thanks very much.

This page does the trick you describe.
http://www.vonreeken.demon.nl/test/index.htm using the available
standards. So it works in Firefox and Opera.

Please right-click to open the source and find the required CSS-code
after 'div.disclaimer'.

And while you are there, take a look at the first issue about "position
and z-index".

Signature

@ von Reeken
mailto:news@vonreeken.demon.nl

Reply to this Message

Paul Blarmy - 25 Mar 2006 22:24 GMT

On Sat, 25 Mar 2006 15:12:00 +0100, Ad von Reeken wrote...

> This page does the trick you describe.
> http://www.vonreeken.demon.nl/test/index.htm using the available
> standards. So it works in Firefox and Opera.
>
> Please right-click to open the source and find the required CSS-code
> after 'div.disclaimer'.

Thank you.

> And while you are there, take a look at the first issue about "position
> and z-index".

It's always IE!

Thanks for the help.

Signature

EMail address is disposable and never checked.
Outgoing message is certified VIRUS FREE by
*me* using nothing more than common sense.

Reply to this Message

Mason C - 27 Mar 2006 23:06 GMT

>Could somebody please let me know what to put into my CSS file which
>will allow me to keep a block of text in one fixed position (top right
>of screen) even when the rest of the webpage is scrolled?

My home page has a fixed header:

http://masonc.home.netcom.com/

HTML:

<div id="topBar">
Frontal Lobe<sup>(R)</sup>  Home Page
</div>

CSS:

#topBar { POSITION: fixed; POSITION: expression("absolute");
TOP: 0em; TOP: expression(parseInt(document.body.scrollTop+0));

Mason C

Reply to this Message

Paul Blarmy - 29 Mar 2006 15:24 GMT

On Mon, 27 Mar 2006 22:06:32 GMT, Mason C wrote...

> My home page has a fixed header:
>
[quoted text clipped - 10 lines]
> #topBar { POSITION: fixed; POSITION: expression("absolute");
> TOP: 0em; TOP: expression(parseInt(document.body.scrollTop+0));

Thanks Mason - I'll study it and hopefully learn :-)

Signature

EMail address is disposable and never checked.
Outgoing message is certified VIRUS FREE by
*me* using nothing more than common sense.

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / March 2006

Keeping block of text in one place whilst scrolling