10 Replies Latest reply on Nov 13, 2008 1:32 PM by Newsgroup_User

    Is there an easy way to fix my site scrolling to the right?

    smegoo Level 1
      i have a site here:

      www.rawcenterforstrength.com

      unfortunately it scrolls to the right; is there an easy fix for this? or does the site have to be recreated from scratch?

      i've tried having a container div that hasn't fixed it. ie

      #container {margin: auto;}
        • 1. Re: Is there an easy way to fix my site scrolling to the right?
          bregent Most Valuable Participant
          I don't see the problem - can you explain what you mean 'scrolls to the right'? You do have other problems though. The use of AP Divs to hold images results in some of the text disappearing behind those images. Don't use AP Divs until you understand CSS better. There is no reason to use them here.
          • 2. Re: Is there an easy way to fix my site scrolling to the right?
            Level 7
            > #container {margin: auto;}

            This rule would have no impact on something that is too wide to fit in the
            available space anyhow.

            Your page contains a number of errors - beginning with this -

            </head>

            <div id="container">
            <body

            You cannot have HTML between </head> and <body>.

            --
            Murray --- ICQ 71997575
            Adobe Community Expert
            (If you *MUST* email me, don't LAUGH when you do so!)
            ==================
            http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
            http://www.dwfaq.com - DW FAQs, Tutorials & Resources
            ==================


            "smegoo" <webforumsuser@macromedia.com> wrote in message
            news:gfhq88$m8p$1@forums.macromedia.com...
            >i have a site here:
            >
            > www.rawcenterforstrength.com
            >
            > unfortunately it scrolls to the right; is there an easy fix for this? or
            > does
            > the site have to be recreated from scratch?
            >
            > i've tried having a container div that hasn't fixed it. ie
            >
            > #container {margin: auto;}
            >
            >

            • 3. Re: Is there an easy way to fix my site scrolling to the right?
              smegoo Level 1
              quote:

              Originally posted by: Newsgroup User
              > #container {margin: auto;}

              This rule would have no impact on something that is too wide to fit in the
              available space anyhow.

              Your page contains a number of errors - beginning with this -

              </head>

              <div id="container">
              <body

              You cannot have HTML between </head> and <body>.

              --
              okay so i moved the html beneath body... is that right?

              problem still exists.
              • 4. Re: Is there an easy way to fix my site scrolling to the   right?
                Level 7
                smegoo wrote:
                > i have a site here:
                >
                > www.rawcenterforstrength.com
                >
                > unfortunately it scrolls to the right; is there an easy fix for this? or does
                > the site have to be recreated from scratch?
                >
                > i've tried having a container div that hasn't fixed it. ie
                >
                > #container {margin: auto;}
                >
                >

                Hi,

                In your css file - locate this rule....

                #container {margin: auto;}

                Change that to....

                #container {
                position: relative;
                width: 841px;
                margin: 0px auto;
                }

                Now you'll have to go through the rest of your absolutely positioned and
                position them relative to your #container div - for instance your...

                #apDiv10 {
                position:absolute;
                left:148px;
                top:0px;
                width:841px;
                height:165px;
                z-index:8;
                }

                now becomes...

                #apDiv10 {
                position:absolute;
                left:0px;
                top:0px;
                width:841px;
                height:165px;
                z-index:8;
                }

                and so on.

                HTH


                --
                chin chin
                Sinclair
                • 5. Re: Is there an easy way to fix my site scrolling to the right?
                  Level 7
                  On Thu, 13 Nov 2008 13:23:42 -0500, "Murray *ACE*"
                  <forums@HAHAgreat-web-sights.com> wrote:

                  >Your page contains a number of errors - beginning with this -
                  >
                  ></head>
                  >
                  ><div id="container">
                  > <body
                  >
                  >You cannot have HTML between </head> and <body>.

                  That part seems to be fixed now, but there are now two body tags:

                  <body>
                  <body
                  onLoad="MM_preloadImages('contact_us.jpg','training_on.jpg','events_on.jpg','aboutus_on.jp g','contact_on.jpg')">


                  Gary
                  • 6. Re: Is there an easy way to fix my site scrolling to the   right?
                    smegoo Level 1
                    quote:

                    Originally posted by: Newsgroup User
                    smegoo wrote:
                    > i have a site here:
                    >
                    > www.rawcenterforstrength.com
                    >
                    > unfortunately it scrolls to the right; is there an easy fix for this? or does
                    > the site have to be recreated from scratch?
                    >
                    > i've tried having a container div that hasn't fixed it. ie
                    >
                    > #container {margin: auto;}
                    >
                    >

                    Hi,

                    In your css file - locate this rule....

                    #container {margin: auto;}

                    Change that to....

                    #container {
                    position: relative;
                    width: 841px;
                    margin: 0px auto;
                    }

                    Now you'll have to go through the rest of your absolutely positioned and
                    position them relative to your #container div - for instance your...

                    #apDiv10 {
                    position:absolute;
                    left:148px;
                    top:0px;
                    width:841px;
                    height:165px;
                    z-index:8;
                    }

                    now becomes...

                    #apDiv10 {
                    position:absolute;
                    left:0px;
                    top:0px;
                    width:841px;
                    height:165px;
                    z-index:8;
                    }

                    and so on.

                    HTH


                    --
                    chin chin
                    Sinclair




                    great advice i tried that and it does bring everything over to the left. and now i think i remmeber how i got myself into this picke. i had created that 'news' bar on the right and i wanted it to be flush(blended) with the image "next level" and i couldn't fuigure it out so i started using the div drawing utility and thats where all the problems occured from. now if i move it to the left the news bar filled the background with that black color.

                    in the future how could i have had the image blend in with the news section without creating an ap div section?

                    • 7. Re: Is there an easy way to fix my site scrolling to the right?
                      smegoo Level 1
                      quote:

                      Originally posted by: Newsgroup User
                      On Thu, 13 Nov 2008 13:23:42 -0500, "Murray *ACE*"
                      <forums@HAHAgreat-web-sights.com> wrote:

                      >Your page contains a number of errors - beginning with this -
                      >
                      ></head>
                      >

                      \><div id="container">
                      > <body
                      >
                      >You cannot have HTML between </head> and <body>.

                      That part seems to be fixed now, but there are now two body tags:

                      <body>
                      <body
                      onLoad="MM_preloadImages('contact_us.jpg','training_on.jpg','events_on.jpg','aboutus_on.jp g','contact_on.jpg')">


                      Gary




                      fixed
                      • 8. Re: Is there an easy way to fix my site scrolling to the   right?
                        Level 7
                        > how i got myself into this picke.

                        Actually, you got there by using absolute positioning as a primary layout
                        method. Read this -

                        http://apptools.com/examples/pagelayout101.php


                        --
                        Murray --- ICQ 71997575
                        Adobe Community Expert
                        (If you *MUST* email me, don't LAUGH when you do so!)
                        ==================
                        http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                        http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                        ==================


                        "smegoo" <webforumsuser@macromedia.com> wrote in message
                        news:gfi0bm$ul$1@forums.macromedia.com...
                        >
                        quote:

                        Originally posted by: Newsgroup User
                        > smegoo wrote:
                        > > i have a site here:
                        > >
                        > > www.rawcenterforstrength.com
                        > >
                        > > unfortunately it scrolls to the right; is there an easy fix for this?
                        > > or
                        > does
                        > > the site have to be recreated from scratch?
                        > >
                        > > i've tried having a container div that hasn't fixed it. ie
                        > >
                        > > #container {margin: auto;}
                        > >
                        > >
                        >
                        > Hi,
                        >
                        > In your css file - locate this rule....
                        >
                        > #container {margin: auto;}
                        >
                        > Change that to....
                        >
                        > #container {
                        > position: relative;
                        > width: 841px;
                        > margin: 0px auto;
                        > }
                        >
                        > Now you'll have to go through the rest of your absolutely positioned and
                        > position them relative to your #container div - for instance your...
                        >
                        > #apDiv10 {
                        > position:absolute;
                        > left:148px;
                        > top:0px;
                        > width:841px;
                        > height:165px;
                        > z-index:8;
                        > }
                        >
                        > now becomes...
                        >
                        > #apDiv10 {
                        > position:absolute;
                        > left:0px;
                        > top:0px;
                        > width:841px;
                        > height:165px;
                        > z-index:8;
                        > }
                        >
                        > and so on.
                        >
                        > HTH
                        >
                        >
                        > --
                        > chin chin
                        > Sinclair
                        >

                        >
                        >
                        > great advice i tried that and it does bring everything over to the left.
                        > and
                        > now i think i remmeber how i got myself into this picke. i had created
                        > that
                        > 'news' bar on the right and i wanted it to be flush(blended) with the
                        > image
                        > "next level" and i couldn't fuigure it out so i started using the div
                        > drawing
                        > utility and thats where all the problems occured from. now if i move it
                        > to
                        > the left the news bar filled the background with that black color.
                        >
                        > in the future how could i have had the image blend in with the news
                        > section
                        > without creating an ap div section?
                        >
                        >
                        >

                        • 9. Re: Is there an easy way to fix my site scrolling to the   right?
                          smegoo Level 1
                          quote:

                          Originally posted by: Newsgroup User
                          > how i got myself into this picke.

                          Actually, you got there by using absolute positioning as a primary layout
                          method. Read this -

                          http://apptools.com/examples/pagelayout101.php

                          thx ---

                          so... in the future remove the absolute positioning and then i can still have the intended affect of having the news section and the image appear seamless?
                          • 10. Re: Is there an easy way to fix my site scrolling to the   right?
                            Level 7
                            > so... in the future remove the absolute positioning

                            Don't use absolute positioning to begin with.

                            > news section and the image appear seamless?

                            Read the link I gave you again, please. To make block tags sit side-by-side
                            seamlessly, you will probably have to venture into CSS a bit and learn about
                            floats.

                            --
                            Murray --- ICQ 71997575
                            Adobe Community Expert
                            (If you *MUST* email me, don't LAUGH when you do so!)
                            ==================
                            http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                            http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                            ==================


                            "smegoo" <webforumsuser@macromedia.com> wrote in message
                            news:gfi3p8$5dl$1@forums.macromedia.com...
                            >
                            quote:

                            Originally posted by: Newsgroup User
                            > > how i got myself into this picke.
                            >
                            > Actually, you got there by using absolute positioning as a primary layout
                            > method. Read this -
                            >
                            > http://apptools.com/examples/pagelayout101.php
                            >
                            > thx ---
                            >
                            > so... in the future remove the absolute positioning and then i can still
                            > have
                            > the intended affect of having the news section and the image appear
                            > seamless?
                            >