Connecting Tech Pros Worldwide Forums | Help | Site Map

IE7 and CSS - position:fixed

Mathias Wrede
Guest
 
Posts: n/a
#1: Sep 28 '06
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

Spartanicus
Guest
 
Posts: n/a
#2: Sep 28 '06

re: IE7 and CSS - position:fixed


Mathias Wrede <never_read_by_me@gmx.dewrote:
Quote:
>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.
Quote:
>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.
Quote:
>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.)
Quote:
>Example:
><http://www.abitos.de/demo/cascada-schmuck.de/index.html>
Apart from being useless, having those bits fixed is quite ugly.

--
Spartanicus
Mathias Wrede
Guest
 
Posts: n/a
#3: Sep 28 '06

re: IE7 and CSS - position:fixed


Hi,

* Spartanicus wrote:
Quote:
Quote:
>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.
Quote:
>
Quote:
>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
Quote:
Quote:
>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.
Quote:
Quote:
>Example:
><http://www.abitos.de/demo/cascada-schmuck.de/index.html>
Bye
Mathias
J贸n Fairbairn
Guest
 
Posts: n/a
#4: Sep 28 '06

re: IE7 and CSS - position:fixed


Spartanicus <invalid@invalid.invalidwrites:
Quote:
Mathias Wrede <never_read_by_me@gmx.dewrote:
Quote:
Example:
<http://www.abitos.de/demo/cascada-schmuck.de/index.html>
>
Apart from being useless, having those bits fixed is quite ugly.
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/

I doubt if it works in IE.

--
J贸n Fairbairn Jon.Fairbairn@cl.cam.ac.uk
Spartanicus
Guest
 
Posts: n/a
#5: Sep 28 '06

re: IE7 and CSS - position:fixed


J髇 Fairbairn <jon.fairbairn@cl.cam.ac.ukwrote:
Quote:
>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
J贸n Fairbairn
Guest
 
Posts: n/a
#6: Sep 28 '06

re: IE7 and CSS - position:fixed


Spartanicus <invalid@invalid.invalidwrites:
Quote:
J贸n Fairbairn <jon.fairbairn@cl.cam.ac.ukwrote:
>
Quote:
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?
Not quite. In fact I've never seen it. But I have seen the
cover of "Slave to the Rhythm" (to which I presume the video
refers), and was inspired by that.

--
J贸n Fairbairn Jon.Fairbairn@cl.cam.ac.uk
John Hosking
Guest
 
Posts: n/a
#7: Sep 29 '06

re: IE7 and CSS - position:fixed


Spartanicus wrote:
Quote:
Mathias Wrede <never_read_by_me@gmx.dewrote:
Quote:
>>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
John Hosking
Guest
 
Posts: n/a
#8: Sep 29 '06

re: IE7 and CSS - position:fixed


Mathias Wrede wrote:
Quote:
Hi,
>
* Spartanicus wrote:
>
Quote:
Quote:
>>>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]
Quote:
>
I found my own way.
>
....but it's secret? Streng geheim?


--
John
Spartanicus
Guest
 
Posts: n/a
#9: Sep 29 '06

re: IE7 and CSS - position:fixed


John Hosking <John@Hosking.name.invalidwrote:
Quote:
Quote:
Quote:
>>>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
Mathias Wrede
Guest
 
Posts: n/a
#10: Sep 29 '06

re: IE7 and CSS - position:fixed


Hi John,

* John Hosking wrote:
Quote:
Quote:
>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
Martin Eyles
Guest
 
Posts: n/a
#11: Oct 2 '06

re: IE7 and CSS - position:fixed


"John Hosking" <John@Hosking.name.invalidwrote in message
news:451ca67a_7@news.bluewin.ch...
Quote:
Spartanicus wrote:
Quote:
>Mathias Wrede <never_read_by_me@gmx.dewrote:
Quote:
>>>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.


Mathias Wrede
Guest
 
Posts: n/a
#12: Oct 2 '06

re: IE7 and CSS - position:fixed


* Martin Eyles wrote:
Quote:
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.
Closed Thread