Re: More on position fixed

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

    Re: More on position fixed

    On Sat, 09 Aug 2008 22:55:52 -0400
    sheldonlg <sheldonlgwro te in:
    <AvSdnSFsRJWNxA PVnZ2dnUVZ_u6dn Z2d@giganews.co m>

    [snip]
    Perhaps you can give me some suggestions.

    Emulate position fixed example.



    Java script used to toggle display and set style top/left. The style
    top/left need not to be set with java script.

    [snip]


    --

    BootNic Sun Aug 10, 2008 12:37 am
    All my humor is based upon destruction and despair. If the whole world
    was tranquil, without disease and violence, I'd be standing on the
    breadline right in back of J. Edgar Hoover.
    *Lenny Bruce US comedian, satirist, author*

    -----BEGIN PGP SIGNATURE-----
    Version: GnuPG v2.0.9 (GNU/Linux)

    iEYEARECAAYFAki ecHsACgkQylMUzZ O6jeIQNQCeJ5RbG gPEqculMZwGxXOS PIAx
    iOUAnjFt6WIqQTA 0vicHw/DJfqbdfWg+
    =11W2
    -----END PGP SIGNATURE-----

  • sheldonlg

    #2
    Re: More on position fixed

    BootNic wrote:
    On Sat, 09 Aug 2008 22:55:52 -0400
    sheldonlg <sheldonlgwro te in:
    <AvSdnSFsRJWNxA PVnZ2dnUVZ_u6dn Z2d@giganews.co m>
    >
    [snip]
    Perhaps you can give me some suggestions.
    >
    Emulate position fixed example.
    >
    http://tinyurl.com/5n5h6e

    Thanks. That worked on all three browsers. Now I have a problem
    putting it into my real app.

    First, I put the javascript into a separate file. I also put the css
    stuff into a css file but left the conditional code (CC) in the app
    directly. That all still worked.
    === http://www.sheldonlg.com/popup/popupLoc5.html

    Then I tried putting the CC into the css file. That no longer worked.
    === http://www.sheldonlg.com/popup/popupLoc6.html

    That told me that the CC had to be in the app page and not in a linked
    css file.

    Now, the real app that I need to fix uses an application template with
    Smarty (I am not familiar with Smarty). It links in a css file. When I
    put the CC into the application template (right before the </head>), I
    got an error:

    Fatal error: Smarty error: [in application_con tainer.tpl line 14]:
    syntax error: unrecognized tag: position: absolute;
    followed by a traceback dump.

    My question is, how do I get the CC into the app page in this
    configuration?


    Comment

    • Jerry Stuckle

      #3
      Re: More on position fixed

      sheldonlg wrote:
      BootNic wrote:
      >On Sat, 09 Aug 2008 22:55:52 -0400
      >sheldonlg <sheldonlgwro te in:
      ><AvSdnSFsRJWNx APVnZ2dnUVZ_u6d nZ2d@giganews.c om>
      >>
      >[snip]
      >Perhaps you can give me some suggestions.
      >>
      >Emulate position fixed example.
      > http://tinyurl.com/5n5h6e
      >
      >
      Thanks. That worked on all three browsers. Now I have a problem
      putting it into my real app.
      >
      First, I put the javascript into a separate file. I also put the css
      stuff into a css file but left the conditional code (CC) in the app
      directly. That all still worked.
      === http://www.sheldonlg.com/popup/popupLoc5.html
      >
      Then I tried putting the CC into the css file. That no longer worked.
      === http://www.sheldonlg.com/popup/popupLoc6.html
      >
      That told me that the CC had to be in the app page and not in a linked
      css file.
      >
      Now, the real app that I need to fix uses an application template with
      Smarty (I am not familiar with Smarty). It links in a css file. When I
      put the CC into the application template (right before the </head>), I
      got an error:
      >
      Fatal error: Smarty error: [in application_con tainer.tpl line 14]:
      syntax error: unrecognized tag: position: absolute;
      followed by a traceback dump.
      >
      My question is, how do I get the CC into the app page in this
      configuration?
      >
      >
      >
      Your PHP question is???

      --
      =============== ===
      Remove the "x" from my email address
      Jerry Stuckle
      JDS Computer Training Corp.
      jstucklex@attgl obal.net
      =============== ===

      Comment

      • BootNic

        #4
        Re: More on position fixed

        On Mon, 11 Aug 2008 20:22:04 -0400
        sheldonlg <sheldonlgwro te in:
        <A6qdnbV-ybKTRT3VnZ2dnUV Z_r3inZ2d@gigan ews.com>
        BootNic wrote:
        On Sat, 09 Aug 2008 22:55:52 -0400
        sheldonlg <sheldonlgwro te in:
        <AvSdnSFsRJWNxA PVnZ2dnUVZ_u6dn Z2d@giganews.co m>
        [snip]
        Thanks. That worked on all three browsers. Now I have a problem
        putting it into my real app.

        First, I put the javascript into a separate file. I also put the css
        stuff into a css file but left the conditional code (CC) in the app
        directly. That all still worked.
        === http://www.sheldonlg.com/popup/popupLoc5.html

        Then I tried putting the CC into the css file. That no longer worked.
        === http://www.sheldonlg.com/popup/popupLoc6.html

        That told me that the CC had to be in the app page and not in a linked
        css file.
        Think of conditional comments as html comments. That is what they are,
        only IE sees Conditional Comments as conditional comments, all other
        browsers see them as html comments.

        So with that, html does not belong in a css file.

        The way to link an external style sheet using conditional comments:

        <!--[if IE 6]>
        <link rel=StyleSheet href="ie6.css" type="text/css">
        <![endif]-->
        Now, the real app that I need to fix uses an application template with
        Smarty (I am not familiar with Smarty). It links in a css file. When I
        put the CC into the application template (right before the </head>), I
        got an error:

        Fatal error: Smarty error: [in application_con tainer.tpl line 14]:
        syntax error: unrecognized tag: position: absolute;
        followed by a traceback dump.

        My question is, how do I get the CC into the app page in this
        configuration?
        I don't know what Smarty is or anything about it.

        I suggest you try the above example of the conditional comment with the
        link element.

        If that fails, perhaps a server side include or php print.


        --

        BootNic Mon Aug 11, 2008 08:58 pm
        Nothing is stronger than habit.
        *Ovid*

        -----BEGIN PGP SIGNATURE-----
        Version: GnuPG v2.0.9 (GNU/Linux)

        iEYEARECAAYFAki g4FkACgkQylMUzZ O6jeIvnwCghxoqm FFNnIzzIqygs+oR SIZt
        HfoAnRt8pBWWc1a 9+wYCOcUiRzEH7y h8
        =TbSy
        -----END PGP SIGNATURE-----

        Comment

        • sheldonlg

          #5
          Re: More on position fixed

          Jerry Stuckle wrote:
          sheldonlg wrote:
          >BootNic wrote:
          >>On Sat, 09 Aug 2008 22:55:52 -0400
          >>sheldonlg <sheldonlgwro te in:
          >><AvSdnSFsRJWN xAPVnZ2dnUVZ_u6 dnZ2d@giganews. com>
          >>>
          >>[snip]
          >>Perhaps you can give me some suggestions.
          >>>
          >>Emulate position fixed example.
          >> http://tinyurl.com/5n5h6e
          >>
          >>
          >Thanks. That worked on all three browsers. Now I have a problem
          >putting it into my real app.
          >>
          >First, I put the javascript into a separate file. I also put the css
          >stuff into a css file but left the conditional code (CC) in the app
          >directly. That all still worked.
          >=== http://www.sheldonlg.com/popup/popupLoc5.html
          >>
          >Then I tried putting the CC into the css file. That no longer worked.
          >=== http://www.sheldonlg.com/popup/popupLoc6.html
          >>
          >That told me that the CC had to be in the app page and not in a linked
          >css file.
          >>
          >Now, the real app that I need to fix uses an application template with
          >Smarty (I am not familiar with Smarty). It links in a css file. When
          >I put the CC into the application template (right before the </head>),
          >I got an error:
          >>
          >Fatal error: Smarty error: [in application_con tainer.tpl line 14]:
          >syntax error: unrecognized tag: position: absolute;
          >followed by a traceback dump.
          >>
          >My question is, how do I get the CC into the app page in this
          >configuratio n?
          >>
          >>
          >>
          >
          Your PHP question is???
          From http://en.wikipedia.org/wiki/Smarty

          "Smarty is a web template system written in PHP."

          Since my error is in Smarty, and I researched and found the above line,
          I added comp.lang.php to the other two groups.

          Now I will repeat my question:

          "My question is, how do I get the CC into the app page in this
          configuration (and for Jerry: which fails in Smarty)?"


          Comment

          • Jerry Stuckle

            #6
            Re: More on position fixed

            sheldonlg wrote:
            Jerry Stuckle wrote:
            >sheldonlg wrote:
            >>BootNic wrote:
            >>>On Sat, 09 Aug 2008 22:55:52 -0400
            >>>sheldonlg <sheldonlgwro te in:
            >>><AvSdnSFsRJW NxAPVnZ2dnUVZ_u 6dnZ2d@giganews .com>
            >>>>
            >>>[snip]
            >>>Perhaps you can give me some suggestions.
            >>>>
            >>>Emulate position fixed example.
            >>> http://tinyurl.com/5n5h6e
            >>>
            >>>
            >>Thanks. That worked on all three browsers. Now I have a problem
            >>putting it into my real app.
            >>>
            >>First, I put the javascript into a separate file. I also put the css
            >>stuff into a css file but left the conditional code (CC) in the app
            >>directly. That all still worked.
            >>=== http://www.sheldonlg.com/popup/popupLoc5.html
            >>>
            >>Then I tried putting the CC into the css file. That no longer worked.
            >>=== http://www.sheldonlg.com/popup/popupLoc6.html
            >>>
            >>That told me that the CC had to be in the app page and not in a
            >>linked css file.
            >>>
            >>Now, the real app that I need to fix uses an application template
            >>with Smarty (I am not familiar with Smarty). It links in a css
            >>file. When I put the CC into the application template (right before
            >>the </head>), I got an error:
            >>>
            >>Fatal error: Smarty error: [in application_con tainer.tpl line 14]:
            >>syntax error: unrecognized tag: position: absolute;
            >>followed by a traceback dump.
            >>>
            >>My question is, how do I get the CC into the app page in this
            >>configuration ?
            >>>
            >>>
            >>>
            >>
            >Your PHP question is???
            >
            From http://en.wikipedia.org/wiki/Smarty
            >
            "Smarty is a web template system written in PHP."
            >
            Since my error is in Smarty, and I researched and found the above line,
            I added comp.lang.php to the other two groups.
            >
            Now I will repeat my question:
            >
            "My question is, how do I get the CC into the app page in this
            configuration (and for Jerry: which fails in Smarty)?"
            >
            >
            >
            So? Both Windows and Linux were written in C. By your logic, Windows
            and Linux administrative and usage questions should be asked in a C
            programmers group.

            If you have Smarty questions, ask in the Smarty support forums.

            I repeat. What is your PHP question?

            --
            =============== ===
            Remove the "x" from my email address
            Jerry Stuckle
            JDS Computer Training Corp.
            jstucklex@attgl obal.net
            =============== ===

            Comment

            • sheldonlg

              #7
              Re: More on position fixed

              BootNic wrote:
              On Mon, 11 Aug 2008 20:22:04 -0400
              sheldonlg <sheldonlgwro te in:
              <A6qdnbV-ybKTRT3VnZ2dnUV Z_r3inZ2d@gigan ews.com>
              >
              >BootNic wrote:
              >>On Sat, 09 Aug 2008 22:55:52 -0400
              >>sheldonlg <sheldonlgwro te in:
              >><AvSdnSFsRJWN xAPVnZ2dnUVZ_u6 dnZ2d@giganews. com>
              [snip]
              >Thanks. That worked on all three browsers. Now I have a problem
              >putting it into my real app.
              >>
              >First, I put the javascript into a separate file. I also put the css
              >stuff into a css file but left the conditional code (CC) in the app
              >directly. That all still worked.
              >=== http://www.sheldonlg.com/popup/popupLoc5.html
              >>
              >Then I tried putting the CC into the css file. That no longer worked.
              >=== http://www.sheldonlg.com/popup/popupLoc6.html
              >>
              >That told me that the CC had to be in the app page and not in a linked
              >css file.
              >
              Think of conditional comments as html comments. That is what they are,
              only IE sees Conditional Comments as conditional comments, all other
              browsers see them as html comments.
              >
              So with that, html does not belong in a css file.
              >
              The way to link an external style sheet using conditional comments:
              >
              <!--[if IE 6]>
              <link rel=StyleSheet href="ie6.css" type="text/css">
              <![endif]-->
              That didn't work.

              Comment

              • sheldonlg

                #8
                Re: More on position fixed

                BootNic wrote:
                On Mon, 11 Aug 2008 21:55:21 -0400
                sheldonlg <sheldonlgwro te in:
                <IK2dnffn0Lh3cD 3VnZ2dnUVZ_ovin Z2d@giganews.co m>
                >
                >BootNic wrote:
                >>On Mon, 11 Aug 2008 20:22:04 -0400
                >>sheldonlg <sheldonlgwro te in:
                >><A6qdnbV-ybKTRT3VnZ2dnUV Z_r3inZ2d@gigan ews.com>
                >>>
                >>>BootNic wrote:
                >>>>On Sat, 09 Aug 2008 22:55:52 -0400
                >>>>sheldonlg <sheldonlgwro te in:
                >>>><AvSdnSFsRJ WNxAPVnZ2dnUVZ_ u6dnZ2d@giganew s.com>
                >>[snip]
                >>>Thanks. That worked on all three browsers. Now I have a problem
                >>>putting it into my real app.
                >>>>
                >>>First, I put the javascript into a separate file. I also put the css
                >>>stuff into a css file but left the conditional code (CC) in the app
                >>>directly. That all still worked.
                >>>=== http://www.sheldonlg.com/popup/popupLoc5.html
                >>>>
                >>>Then I tried putting the CC into the css file. That no longer worked.
                >>>=== http://www.sheldonlg.com/popup/popupLoc6.html
                >>>>
                >>>That told me that the CC had to be in the app page and not in a linked
                >>>css file.
                >>Think of conditional comments as html comments. That is what they are,
                >>only IE sees Conditional Comments as conditional comments, all other
                >>browsers see them as html comments.
                >>>
                >>So with that, html does not belong in a css file.
                >>>
                >>The way to link an external style sheet using conditional comments:
                >>>
                >><!--[if IE 6]>
                >><link rel=StyleSheet href="ie6.css" type="text/css">
                >><![endif]-->
                >That didn't work.
                >
                Fix your css file. The only thing that should be in your style5.css
                file is:
                >
                div.fixed {
                position: absolute;
                }
                html, body {
                height: 100%;
                overflow: auto;
                }
                >
                No conditional comments and ONLY the CSS for IE 6, ONLY the CSS that
                needs to be overwritten or added for the sake of IE 6, if you do this
                correctly then your popupLoc8.html should produce the effects you
                desire.
                >
                Conditional comments NEVER go in an external style sheet.
                >
                Thank you so much. That worked perfectly on the sample app. I put it
                into my actual app and it was **almost** perfect. If you could help
                that little more, I would be greatly appreciative.

                What happened in the actual app was that I could key down in the page
                and the fixed portion stayed fixed. However, I couldn't use a vertical
                scroll bar on the page. For some reason, it appeared, but only moved
                the entire page - including the fixed portion -- a few pixels up and
                down. Scrolling with arrow down, however, worked perfectly.

                I have put up the actual css file as style6.css. style5.css is the same
                in the actual and sample apps. Using these styles is popupLoc9.html in
                the sample app -- and it works perfectly there.

                Comment

                Working...