Position fixed and IE7

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • sheldonlg

    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).
  • David Mark

    #2
    Re: Position fixed and IE7

    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.

    Comment

    • Thomas 'PointedEars' Lahn

      #3
      Re: Position fixed and IE7

      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

      Comment

      • Neredbojias

        #4
        Re: Position fixed and IE7

        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_c lass {position:absol ute;}

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

        Public Website

        Comment

        • Neredbojias

          #5
          Re: Position fixed and IE7

          On 09 Aug 2008, Neredbojias <ScrotumMan@gma il.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_c lass {position:absol ute;}
          >
          ...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

          Public Website

          Comment

          • sheldonlg

            #6
            Re: Position fixed and IE7

            Neredbojias wrote:
            On 09 Aug 2008, Neredbojias <ScrotumMan@gma il.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_c lass {position:absol ute;}
            >>
            >...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.

            Comment

            • sheldonlg

              #7
              Re: Position fixed and IE7

              sheldonlg wrote:
              Neredbojias wrote:
              >On 09 Aug 2008, Neredbojias <ScrotumMan@gma il.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_c lass {position:absol ute;}
              >>>
              >>...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.

              Comment

              • sheldonlg

                #8
                Re: Position fixed and IE7

                sheldonlg wrote:
                sheldonlg wrote:
                >Neredbojias wrote:
                >>On 09 Aug 2008, Neredbojias <ScrotumMan@gma il.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_c lass {position:absol ute;}
                >>>>
                >>>...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 <stylebracketin g outside the commenting and now
                both IE6 and IE7 work. Thank you everyone.

                Comment

                • David Mark

                  #9
                  Re: Position fixed and IE7

                  On Aug 9, 3:23 pm, Thomas 'PointedEars' Lahn <PointedE...@we b.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.

                  Comment

                  Working...