By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,404 Members | 2,300 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,404 IT Pros & Developers. It's quick & easy.

IE7 and CSS - position:fixed

P: n/a
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
Sep 28 '06 #1
Share this Question
Share on Google+
11 Replies


P: n/a
Mathias Wrede <ne**************@gmx.dewrote:
>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
Sep 28 '06 #2

P: n/a
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
Sep 28 '06 #3

P: n/a
Spartanicus <in*****@invalid.invalidwrites:
Mathias Wrede <ne**************@gmx.dewrote:
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 Jo***********@cl.cam.ac.uk
Sep 28 '06 #4

P: n/a
J髇 Fairbairn <jo***********@cl.cam.ac.ukwrote:
>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
Sep 28 '06 #5

P: n/a
Spartanicus <in*****@invalid.invalidwrites:
J贸n Fairbairn <jo***********@cl.cam.ac.ukwrote:
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 Jo***********@cl.cam.ac.uk
Sep 28 '06 #6

P: n/a
Spartanicus wrote:
Mathias Wrede <ne**************@gmx.dewrote:
>>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
Sep 29 '06 #7

P: n/a
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
Sep 29 '06 #8

P: n/a
John Hosking <Jo**@Hosking.name.invalidwrote:
>>>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
Sep 29 '06 #9

P: n/a
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
Sep 29 '06 #10

P: n/a
"John Hosking" <Jo**@Hosking.name.invalidwrote in message
news:45********@news.bluewin.ch...
Spartanicus wrote:
>Mathias Wrede <ne**************@gmx.dewrote:
>>>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.
Oct 2 '06 #11

P: n/a
* 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.
Oct 2 '06 #12

This discussion thread is closed

Replies have been disabled for this discussion.