5 Replies Latest reply on Feb 5, 2013 3:07 PM by Nancy OShea

    Website Does Not Scroll

    Power_Play

      I am currently working on a website and have run into a problem. The website scales to 45% this was for my computer but I need it to scale vertically only. If this is not possibly then i have the other problem of the user not being able to scroll down to see the remander of the website.

        • 1. Re: Website Does Not Scroll
          Nancy OShea Adobe Community Professional & MVP

          If the browser scroll doesn't work, you did something to your code to prevent it.  For help, we need to see the page.  Can you upload it to a public web space you control and post the URL?

           

           

          Nancy O.

          • 2. Re: Website Does Not Scroll
            Power_Play Level 1

            theresultsrock.com

            • 3. Re: Website Does Not Scroll
              Nancy OShea Adobe Community Professional & MVP

              There's no content on your page.  No content = nothing to scroll.  Also nothing to "see" by search engines, screen readers and language translators.  In other words, your page is essentially invisible to anyone who might be looking for it.

               

              Try adding some real text inside heading and paragraph tags to your <body>. Then test it again.

               

               

              Nancy O.

              • 4. Re: Website Does Not Scroll
                Power_Play Level 1

                I add a background in the body tag, but it seems to be auto-resizing with only the width of the page, still no scrolling or mobile device compatability

                • 5. Re: Website Does Not Scroll
                  Nancy OShea Adobe Community Professional & MVP

                  Like I said before, no content = no scrolling.  A background image is not content.

                  Try pasting this code into a new, blank document. 

                   

                  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                  <html xmlns="http://www.w3.org/1999/xhtml">
                  <head>
                  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                  <title>The Results Rock</title>
                  
                  <style type="text/css">
                  body {
                  margin: 25px;
                  padding: 25px;
                  font-size: 80%;
                  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
                  background:#000;
                  color: #FFF;
                  border: 5px solid red;
                  }
                  
                  img {max-width: 100%; }
                  
                  </style>
                  </head>
                  <body>
                  <h1>XYZ Company Name</h1>
                  <img src="http://theresultsrock.com/assets/Homepage.png" alt="battle of the bands" />
                  
                  <h2>Some pithy sologan here...</h2>
                  <h3>Who are we?</h3>
                  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
                  
                  <h3>What do we do?</h3>
                  <p>Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
                  
                  <p>© 2013 all rights reserved</p>
                  
                  </body>
                  </html>
                  

                   

                   

                  Nancy O.