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). | | | | re: Position fixed and IE7
On Aug 9, 11:40*am, sheldonlg <sheldonlgwrote: Quote:
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. | | | | re: Position fixed and IE7
David Mark wrote: Quote:
On Aug 9, 11:40 am, sheldonlg <sheldonlgwrote: Quote:
>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. Quote:
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 | | | | re: Position fixed and IE7
On 09 Aug 2008, sheldonlg <sheldonlgwrote: Quote:
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? Quote:
We got the coding from somewhere online.
Goodness! No wonder. Quote:
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 | | | | re: Position fixed and IE7
On 09 Aug 2008, Neredbojias <ScrotumMan@gmail.comwrote: Quote:
On 09 Aug 2008, sheldonlg <sheldonlgwrote:
> Quote:
>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?
> Quote:
>We got the coding from somewhere online.
>
Goodness! No wonder.
> Quote:
>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 | | | | re: Position fixed and IE7
Neredbojias wrote: Quote:
On 09 Aug 2008, Neredbojias <ScrotumMan@gmail.comwrote:
> Quote:
>On 09 Aug 2008, sheldonlg <sheldonlgwrote:
>> Quote:
>>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?
>> Quote:
>>We got the coding from somewhere online.
>Goodness! No wonder.
>> Quote:
>>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. | | | | re: Position fixed and IE7
sheldonlg wrote: Quote:
Neredbojias wrote: Quote:
>On 09 Aug 2008, Neredbojias <ScrotumMan@gmail.comwrote:
>> Quote:
>>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. | | | | re: Position fixed and IE7
sheldonlg wrote: Quote:
sheldonlg wrote: Quote:
>Neredbojias wrote: Quote:
>>On 09 Aug 2008, Neredbojias <ScrotumMan@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. | | | | re: Position fixed and IE7
On Aug 9, 3:23*pm, Thomas 'PointedEars' Lahn <PointedE...@web.de>
wrote: Quote:
David Mark wrote: Quote:
On Aug 9, 11:40 am, sheldonlg <sheldonlgwrote: Quote:
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.
> Quote:
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. Quote:
> Quote:
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. |  |
Similar JavaScript / Ajax / DHTML bytes | | |  /bytes/about
We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights.
Get the best answers to your questions from over 226,510 network members.
|
