IE7 and CSS - position:fixed

Hi,

is there anybody who can give me a hint?. I would like to create a fixed
positioned navigation area.
There are no probs with correct working browsers (FF, Opera, Konqueror
etc.). The feature is switched off in IE<=6 - that's ok for me.
Now I want to activate this function for IE7.

Example:
<http://www.abitos.de/demo/cascada-schmuck.de/index.html>

Any hints?

Mathias

Mathias Wrede <never_read_by_me (AT) gmx (DOT) de> wrote:

is there anybody who can give me a hint?. I would like to create a fixed
positioned navigation area.

Hint: don't, they serve no useful purpose whilst causing problems.

There are no probs with correct working browsers (FF, Opera, Konqueror
etc.). The feature is switched off in IE<=6 - that's ok for me.

=<IE6 does not support position:fixed, it hasn't been "switched off",
whatever that means.

Now I want to activate this function for IE7.

If you insist on doing this and you are fine if it scrolls in =<IE6 then
simply specify position:absolute and in a following rule specify
position:fixed (IE doesn't ignore stuff it doesn't support as it is
supposed to do when the options are listed in order in the same rule.)

Example:
http://www.abitos.de/demo/cascada-schmuck.de/index.html

Apart from being useless, having those bits fixed is quite ugly.

--
Spartanicus

Hi,

* Spartanicus wrote:

is there anybody who can give me a hint?. I would like to create a fixed
positioned navigation area.

Hint: don't, they serve no useful purpose whilst causing problems.

wrong. It satisfies the customer.

There are no probs with correct working browsers (FF, Opera, Konqueror
etc.). The feature is switched off in IE<=6 - that's ok for me.

=<IE6 does not support position:fixed, it hasn't been "switched off",
whatever that means.

I'd deactivated JS. Now it's switched on. :-p

Now I want to activate this function for IE7.

If you insist on doing this and you are fine if it scrolls in =<IE6 then
simply specify position:absolute and in a following rule specify
position:fixed (IE doesn't ignore stuff it doesn't support as it is
supposed to do when the options are listed in order in the same rule.)

I found my own way.

Example:
http://www.abitos.de/demo/cascada-schmuck.de/index.html

Bye
Mathias

Jón Fairbairn <jon.fairbairn (AT) cl (DOT) cam.ac.uk> wrote:

True. But it did remind me to do something silly I've been
meaning to try for ages:

http://www.cl.cam.ac.uk/~jf15/StyleTests/Fixed-Image/

Nice.

I presume you were inspired by that famous Grace Jones video?

--
Spartanicus

Spartanicus wrote:

Mathias Wrede <never_read_by_me (AT) gmx (DOT) de> wrote:
is there anybody who can give me a hint?. I would like to create a fixed
positioned navigation area.

Hint: don't, they serve no useful purpose whilst causing problems.

I'm saddened to hear this; I've been thinking it might be useful to

implement, esp. in a longer page (although the boxes that sort of lazily
float down after you start scrolling, like an annoying kid brother
tagging along after you, I've found annoying). What specific problems do
they cause (or for what should I google)?

--
John

Mathias Wrede wrote:

Hi,

* Spartanicus wrote:

is there anybody who can give me a hint?. I would like to create a fixed
positioned navigation area.

Hint: don't, they serve no useful purpose whilst causing problems.

wrong. It satisfies the customer.

So, as long as only your customer visits the page, everything's fine.

[suggestions snipped]

I found my own way.

....but it's secret? Streng geheim?

--
John

John Hosking <John (AT) Hosking (DOT) name.invalid> wrote:

is there anybody who can give me a hint?. I would like to create a fixed
positioned navigation area.

Hint: don't, they serve no useful purpose whilst causing problems.

I'm saddened to hear this; I've been thinking it might be useful to
implement, esp. in a longer page (although the boxes that sort of lazily
float down after you start scrolling, like an annoying kid brother
tagging along after you, I've found annoying). What specific problems do
they cause (or for what should I google)?

Apart from the obvious inefficient use of screen space, fixed elements
or backgrounds can make scrolling slow and jerky, especially when using
the keyboard. I've got my keyboard repeat delay set to the minimum and
the repeat rate set to the maximum, the movement occurs in smaller steps
and in a higher frequency compared to scrolling with the mouse wheel or
dragging a scrollbar, this emphasizes the problem.

--
Spartanicus

Hi John,

* John Hosking wrote:

I found my own way.

...but it's secret? Streng geheim?

no, it's very simple. I use absolute positions from now on. IE7
associates relative positions with the following div-element.


Mathias

"John Hosking" <John (AT) Hosking (DOT) name.invalid> wrote

Spartanicus wrote:
Mathias Wrede <never_read_by_me (AT) gmx (DOT) de> wrote:
is there anybody who can give me a hint?. I would like to create a fixed
positioned navigation area.

Hint: don't, they serve no useful purpose whilst causing problems.

I'm saddened to hear this; I've been thinking it might be useful to
implement, esp. in a longer page (although the boxes that sort of lazily
float down after you start scrolling, like an annoying kid brother tagging
along after you, I've found annoying). What specific problems do they
cause (or for what should I google)?

Look at the example given at the start of the thread in a non-maximised
window, and the make the windows smaller (in height). As you scroll up and
down the fixed position section does not scroll, even if it is not fully on
screen, so it is not posible to navigate the site. Another website that uses
this technique for a menu is http://www.w3.org/Style/CSS/

The example in this thread is safe on 800x600 screens with default font
sizes (I think the w3 page doesn't even manage that), so many desktop
systems, but would not be navigable on systems set up for the visually
impared (high minimum font size settings) or on mobile devices (many with
resolution <= 320x240). Therefore, its use outside a known corporate
intranet (ie. on the internet) is probably a bad idea.

* Martin Eyles wrote:

Look at the example given at the start of the thread in a
non-maximised window, and the make the windows smaller (in height).
As you scroll up and down the fixed position section does not scroll,
even if it is not fully on screen, so it is not posible to navigate
the site.

This problem is well known. But in this special case 258px are enough,
because the target group are non-mobile users. :-)
They only need the first four links. The Impressum [imprint, masthead]
is only an attribute to the german law.