473,378 Members | 1,594 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

Position fixed and IE7

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 "Show" and then scroll up and down to see what I mean. It is
supposed to stay in the same place in the window.

We got the coding from somewhere online.

Any help will be appreciated. (I am actually much more of a back-end,
php, programmer than html or javascript).
Aug 9 '08 #1
8 2449
On Aug 9, 11:40*am, sheldonlg <sheldonlgwrote:
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.
Your IE6 workaround is a CSS expression, which I would recommend
against (use a real script instead.) IE7 doesn't need a workaround
unless your page is in quirks mode.
Aug 9 '08 #2
David Mark wrote:
On Aug 9, 11:40 am, sheldonlg <sheldonlgwrote:
>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.

Your IE6 workaround is a CSS expression, which I would recommend
against (use a real script instead.)
IBTD. A "real script" could never be as responsive.
IE7 doesn't need a workaround unless your page is in quirks mode.
Correct in this case. Therefore, this workaround needs to be marked
IE < 7 only:

<!--[if lt IE 7]>
/* workaround */
<![endif]-->
PointedEars
Aug 9 '08 #3
On 09 Aug 2008, sheldonlg <sheldonlgwrote:
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 "Show" and then scroll up and down to see what I mean. It is
supposed to stay in the same place in the window.
Maybe ie7's position:fixed; needs to be fixed (-yuk yuk yuk).

Btw, what's:

* html .exclude_form_class {position:absolute;}

....for?
We got the coding from somewhere online.
Goodness! No wonder.
Any help will be appreciated. (I am actually much more of a back-end,
php, programmer than html or javascript).
Hey, you have something in common with Gus Richter although he's a rump
ranger of a different ilk.

--
Neredbojias
http://www.neredbojias.net/
Public Website
Aug 9 '08 #4
On 09 Aug 2008, Neredbojias <Sc********@gmail.comwrote:
On 09 Aug 2008, sheldonlg <sheldonlgwrote:
>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 "Show" and then scroll up and down to see what I mean. It is
supposed to stay in the same place in the window.

Maybe ie7's position:fixed; needs to be fixed (-yuk yuk yuk).

Btw, what's:

* html .exclude_form_class {position:absolute;}

...for?
>We got the coding from somewhere online.

Goodness! No wonder.
>Any help will be appreciated. (I am actually much more of a back-end,
php, programmer than html or javascript).

Hey, you have something in common with Gus Richter although he's a rump
ranger of a different ilk.
Hey, I think I found it. Your ie comment is in the middle of the style
section. Move it outside the existing styles section and create a 2nd style
section within the comment. (There may be more, but that's one thing wrong.)

--
Neredbojias
http://www.neredbojias.net/
Public Website
Aug 9 '08 #5
Neredbojias wrote:
On 09 Aug 2008, Neredbojias <Sc********@gmail.comwrote:
>On 09 Aug 2008, sheldonlg <sheldonlgwrote:
>>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 "Show" and then scroll up and down to see what I mean. It is
supposed to stay in the same place in the window.
Maybe ie7's position:fixed; needs to be fixed (-yuk yuk yuk).

Btw, what's:

* html .exclude_form_class {position:absolute;}

...for?
>>We got the coding from somewhere online.
Goodness! No wonder.
>>Any help will be appreciated. (I am actually much more of a back-end,
php, programmer than html or javascript).
Hey, you have something in common with Gus Richter although he's a rump
ranger of a different ilk.

Hey, I think I found it. Your ie comment is in the middle of the style
section. Move it outside the existing styles section and create a 2nd style
section within the comment. (There may be more, but that's one thing wrong.)
I created a second style section and put it inside the comment. It
worked, but it is ignoring the left: 200px.
Aug 9 '08 #6
sheldonlg wrote:
Neredbojias wrote:
>On 09 Aug 2008, Neredbojias <Sc********@gmail.comwrote:
>>On 09 Aug 2008, sheldonlg <sheldonlgwrote:

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 "Show" and then scroll up and down to see what I mean. It
is supposed to stay in the same place in the window.
Maybe ie7's position:fixed; needs to be fixed (-yuk yuk yuk).

Btw, what's:

* html .exclude_form_class {position:absolute;}

...for?

We got the coding from somewhere online.
Goodness! No wonder.

Any help will be appreciated. (I am actually much more of a
back-end, php, programmer than html or javascript).
Hey, you have something in common with Gus Richter although he's a
rump ranger of a different ilk.

Hey, I think I found it. Your ie comment is in the middle of the
style section. Move it outside the existing styles section and create
a 2nd style section within the comment. (There may be more, but
that's one thing wrong.)

I created a second style section and put it inside the comment. It
worked, but it is ignoring the left: 200px.
Well, I fixed this by putting a left: 200px; in the class definition.
However, though this now works for IE7, it no longer works for IE66. In
IE6 we completely lose the scroll bars.
Aug 9 '08 #7
sheldonlg wrote:
sheldonlg wrote:
>Neredbojias wrote:
>>On 09 Aug 2008, Neredbojias <Sc********@gmail.comwrote:

On 09 Aug 2008, sheldonlg <sheldonlgwrote:

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 "Show" and then scroll up and down to see what I mean. It
is supposed to stay in the same place in the window.
Maybe ie7's position:fixed; needs to be fixed (-yuk yuk yuk).

Btw, what's:

* html .exclude_form_class {position:absolute;}

...for?

We got the coding from somewhere online.
Goodness! No wonder.

Any help will be appreciated. (I am actually much more of a
back-end, php, programmer than html or javascript).
Hey, you have something in common with Gus Richter although he's a
rump ranger of a different ilk.

Hey, I think I found it. Your ie comment is in the middle of the
style section. Move it outside the existing styles section and
create a 2nd style section within the comment. (There may be more,
but that's one thing wrong.)

I created a second style section and put it inside the comment. It
worked, but it is ignoring the left: 200px.

Well, I fixed this by putting a left: 200px; in the class definition.
However, though this now works for IE7, it no longer works for IE66. In
IE6 we completely lose the scroll bars.

Got it! I moved the <stylebracketing outside the commenting and now
both IE6 and IE7 work. Thank you everyone.
Aug 9 '08 #8
On Aug 9, 3:23*pm, Thomas 'PointedEars' Lahn <PointedE...@web.de>
wrote:
David Mark wrote:
On Aug 9, 11:40 am, sheldonlg <sheldonlgwrote:
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.
Your IE6 workaround is a CSS expression, which I would recommend
against (use a real script instead.)

IBTD. *A "real script" could never be as responsive.
But a real script would not be evaluated every time you move the
mouse. CSS expressions are bad news. Do not use them.
>
IE7 doesn't need a workaround unless your page is in quirks mode.

Correct in this case. *Therefore, this workaround needs to be marked
IE < 7 only:

* <!--[if lt IE 7]>
* * /* workaround */
* <![endif]-->
As long as the page is not rendered in quirks mode.
Aug 9 '08 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: Eric Wilds | last post by:
Greetings, I'm trying to use CSS to position a table in the top right corner of a webpage and not have the table disappear off the screen when the user scrolls down. Simply, my design is like...
5
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">...
9
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...
4
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...
5
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...
7
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...
2
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...
1
by: Roger | last post by:
While there are several web sites that make use of sidebars, there are relatively few that make use of fixed position sidebars. While fixed position sidebars offer the advantage of having the page...
5
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...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.