472,989 Members | 3,099 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,989 software developers and data experts.

layered position:fixed elements broken in IE

I have a banner-and-sidebar menu that I want to remain always-accessible. So I've made them both position:fixed, and used z-index to ensure the layers work properly. Both the CSS and HTML validate, and the whole setup works exactly the way I want it to in firefox.

Link to site in question

However, in IE there are several problems; the major problem is that, instead of layering the two divs on top of each other, IE puts the later-created one *below* the first.

Minor niggles that I can live with if they're too bothersome to fix:
- IE totally ignores the position:fixed elements - they scroll right off the screen. (Example: Test page for scrolling )
- IE, for some reason, feels compelled to put about 7pixels of blank space between left, right and top edges of the browser, and my banner/sidebar. I think it looks ugly. (I don't *think* it's a padding issue, because there is no specified border or padding for those elements. I tried specifying 0px for border/padding with the sidebar image, with no effect.)

I'm fairly inexperienced with CSS / HTML: have I missed something really obvious, and/or is there some way I can fix this, please? Thanks (in advance) for your help.

Edit: sorry, to clarify - I'm viewing with IE6, (don't have IE7, because I don't have SP2, because I'm lazy and moving to Ubuntu soon.), and Firefox
Nov 17 '07 #1
3 2190
7,435 Expert 4TB
- IE totally ignores the position:fixed elements
Position:fixed only works in modern browsers, not IE.
moving to Ubuntu soon.
There is little need for Windows anymore.

You are using the xml declaration on the first line. Although you are correct in doing so, only modern browsers interpret it correctly which, again, does not include Internet Explorer and it goes into 'quirks' mode. You can safely remove that first line.

One note, you are using the transitional doctype. New web pages have no need for this and you should switch to the strict doctype.

All versions of IE are going on 10 years behind other browsers in web standards support.
Nov 17 '07 #2
Thanks for the advice (have changed to Strict). Will make an alternate CSS for IE.

Nov 17 '07 #3
7,435 Expert 4TB
Why make a seperate style sheet? Did you remove the xml declaration and see what happens then? The doctype won't fix anything. And there are hacks for IEs position problem (though they use javascript).
Nov 17 '07 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

by: Grayle | last post by:
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">...
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...
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...
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...
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...
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...
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...
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...
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...
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
by: Aliciasmith | last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
by: tracyyun | last post by:
Hello everyone, I have a question and would like some advice on network connectivity. I have one computer connected to my router via WiFi, but I have two other computers that I want to be able to...
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...
by: GKJR | last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.