Position fixed and IE7

[sheldonlg]

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

[David Mark]

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.

[Thomas 'PointedEars' Lahn]

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

[Neredbojias]

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

[Neredbojias]

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

[sheldonlg]

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.

[sheldonlg]

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.

[sheldonlg]

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.

[David Mark]

On Aug 9, 3:23*pm, Thomas 'PointedEars' Lahn <[e-mail]>
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.