position:fixed and IE

Grayle

I've heard that "position:fixed", which I use to scroll a navigation
menu, does not work in IE. I have limited access to IE and would prefer
to keep it that way. I am using

<div class="nav">


in my HTML to point to different classes in my CSS, the only difference
between which is that one uses position:fixed and the other uses
position:absolute to keep the menu at the top of the page.

You can see the page at
http://www.hotkey.net.au/~ggboyle/pegasus/ptips.htm

It looks the way I want it to with Opera, Moz/Firebird and KMeleon.
The crapnav version looks ok in IE5.
Syntax-checked with "CSE HTML Validator Professional v4.05" but not
validated online (slow dial-up, every byte costs!)

Is there an easier/ better/ more correct way to do it?
AND, how can I get NN4 to display the menu at the top? I usually use
margin-top:5px;
margin-left:5px;

but that doesn't seem to work with position:fixed. Moving the HTML
around doesn't give the effect I want, either.

All help and advise welcome. I've learned a lot here already.
--
Win98se, P200 MMX, 64MB RAM Opera7.02Bork

Jul 20 '05 #1

Subscribe Reply

4022

Christoph Paeper

*Grayle* <tt*****@ubgxrl.arg.nh>:

<div class="nav">


in my HTML to point to different classes in my CSS, the only difference
between which is that one uses position:fixed and the other uses
position:absolute to keep the menu at the top of the page.

Why don't you include an extra stylesheet for IE with Conditional Comments
instead, which then overwrites "position:fixed" with "position:absolute" for
the one class? Your HTML would be less clumsy.
You could of course use CSS hacks instead, moving the clumsiness into the
one remaining CSS.

--
To the optimist, the glass is half full.
To the pessimist, the glass is half empty.
To the engineer, the glass is twice as big as it needs to be.

Jul 20 '05 #2

Christoph Paeper

*Grayle* <tt*****@ubgxrl.arg.nh>:

Where's .nh, btw.?

<div class="nav">


Why don't you include an extra stylesheet for IE with Conditional Comments

I think you're suggesting I use
some sort of browser sniffing and serve a CSS file based on that?

You're already doing that with the so-called Conditional Comments. I only
suggest that you use it to link the stylesheet instead.



and _no_

.

Personally I don't think CSS browser bugs were worth to mess up your HTML
documents with e.g. CCs, but let's not elaborate on that again.

--
"Music is essentially useless, as life is."
George Santayana

Jul 20 '05 #3

Grayle

In article <be***********@ariadne.rz.tu-clausthal.de>, cr*****@gmx.net
says...

*Grayle* <tt*****@ubgxrl.arg.nh>:

Where's .nh, btw.?
Ooops. Forgot to include sig line. That addy is rot13'd.
<div class="nav">


Why don't you include an extra stylesheet for IE with Conditional Comments
I think you're suggesting I use
some sort of browser sniffing and serve a CSS file based on that?

You're already doing that with the so-called Conditional Comments. I only
suggest that you use it to link the stylesheet instead.



Aahh. I'd never seen that. So I put that in the <head> ? Whats the 'lte'
bit mean? And why specify IE6? and _no_

. understood.
Personally I don't think CSS browser bugs were worth to mess up your HTML
documents with e.g. CCs, but let's not elaborate on that again.
Sorry, I can't make sense of that sentence. Thanks for taking the time
to help me with this.

--
tt*****@ubgxrl.arg.nh
Email addy ROT13'd

Jul 20 '05 #4

Mark Tranchant

Jeroen Sangers wrote:

Grayle wrote:
In article <be***********@ariadne.rz.tu-clausthal.de>, cr*****@gmx.net


Aahh. I'd never seen that. So I put that in the <head> ? Whats the
'lte' bit mean? And why specify IE6?
and _no_

.

lte IE6 means less than or equal to IE6. I guess this was used in the
hope that Microsoft will get it right in version 7....

....which won't be available as a standalone browser:

http://www.microsoft.com/technet/tre.../ie/ie0507.asp

I don't believe Microsoft would admit to mistakes. Look at the
incredible arrogance in the use of "downlevel browser" on this page:

http://msdn.microsoft.com/workshop/a...omment_ovw.asp

"downlevel browser - Any browser except for Internet Explorer 5 and
later versions."

--
Mark.
http://www.tranchant.freeserve.co.uk/

Jul 20 '05 #5

Grayle

In article <bf************@ID-175276.news.uni-berlin.de>,
nn**@jeroensangers.com says...

lte IE6 means less than or equal to IE6. I guess this was used in the
hope that Microsoft will get it right in version 7....

Thanks for that.
--
tt*****@ubgxrl.arg.nh
Email addy ROT13'd

Jul 20 '05 #6

Similar topics

2768

Netscape 7 + div + position:fixed + onmouseover : bug ?

by: Patrice | last post by:

There seems to be a bug with the events mouseOut and mouseOver of divs when their position is fixed : when you enter the div with the mouse, three events are fired in this order : over, out, over....

Javascript

17700

Position: Fixed and IE6

by: Paul Trautwein | last post by:

I'm trying to get an image to float in a window despite scrolling. I've gotten it to work on my Mac using IE 5.2, Netscape, and Safari, but it goes wonky when I test it on a PC. (testing with IE...

HTML / CSS

5866

IE workaround for position:fixed

by: Peter Fjelsten | last post by:

Guys at comp.infosystems.www.authoring.stylesheets, I have designed a page in (x)HTML transitional that I am happy with in (close to) standard compliant browsers (i.e. Firebird/Opera), but IE...

HTML / CSS

3438

position:fixed position: fixed

by: Ted Mayett | last post by:

I've read a lot through the google archives, but I cannot seem to find an example... Has someone successfully made css code that allows for position: fixed to work in IE 6.0.2800? What is the...

HTML / CSS

2920

position:fixed slows Mozilla

by: Erik Sandblom | last post by:

Hello I'm trying to make some tooltips which are position:fixed. It works fine in Opera and Safari/Konqueror, but in Firefox and Camino (ie Mozilla), it takes a few seconds for each tooltip to...

HTML / CSS

10365

IE7 and CSS - position:fixed

by: Mathias Wrede | last post by:

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...

HTML / CSS

9748

Using position: fixed; with IE7

by: Eric Lindsay | last post by:

Googling suggests that IE7 may support position: fixed; I think this might be handy for some pages I want to do. Does anyone have any comments about whether fixed should be considered for use on...

HTML / CSS

3261

Position:Fixed

by: pbd22 | last post by:

hi. i am messing around with CSS2.1 and position:fixed. I can't seem to get a "loading" span to move a little further left onto the page. It seems stuck on the upper right and kind of half way...

HTML / CSS

2455

Position fixed and IE7

by: sheldonlg | last post by:

I have an app where position fixed works for FF and IE6 (with workaround). On IE7, the popup doesn't stay fixed in one place. The URL is http://www.sheldonlg.com/popup/popupLoc.html Click of...

Javascript

7212

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7098

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7364

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

7470

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

5604

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

5026

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

4696

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

1524

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

405

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General