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

Position fixed and IE7

P: n/a
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
Share this Question
Share on Google+
8 Replies


P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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 discussion thread is closed

Replies have been disabled for this discussion.