5 Replies Latest reply on May 27, 2010 4:31 AM by Chorale0001

    Where are my scrollbars?

    jynolen1

      Hi. This is the webpage I am working on -- it includes a form that sends data via email from a php doc. The issue is that there are no scrollbars visible on the page, any screen resolution, any browser. What can I do to fix?

       

      <!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>Reasons to Switch </title>

      <link href="clickhere.css" rel="stylesheet" type="text/css" />

      </head>

       

       

      <body scroll="on">

      <div id="wrapper">

       

      <div id="header">

        <h1></h1></div>

       

      <div id="board"><a href="#signupform"><img src="Data-Engine-Bulletin-board1.jpg" width="1024" height="556" /></a></div>

       

       

      <div id="contactus">

       

       

       

      <table width="650" border="0" align="center" cellpadding="5" cellspacing="0"><form action="FormToEmail.php" method="post">

               <tr>

                          <td width="45%">

                            <div align="right">Name:

                              <input name="name" type="text" id="Name" tabindex="1" size="30" />

                      </div></td>

                          <td>

                            <div align="right">City:

        <input name="City" type="text" tabindex="4"size="10" />

       

       

       

                              State:

      <select name="state" size="1" id="state">

      <option selected="selected">Choose</option>

                                <option value="AL">AL</option>

                                <option value="AK">AK</option>

                                <option value="AZ">AZ</option>

                                <option value="AR">AR</option>

                                <option value="CA">CA</option>

                                <option value="CO">CO</option>

                                <option value="CT">CT</option>

                                <option value="DE">DE</option>

                                <option value="DC">DC</option>

                                <option value="FL">FL</option>

                                <option value="GA">GA</option>

                                <option value="HI">HI</option>

                                <option value="ID">ID</option>

                                <option value="IL">IL</option>

                                <option value="IN">IN</option>

                                <option value="IA">IA</option>

                                <option value="KS">KS</option>

                                <option value="KY">KY</option>

                                <option value="LA">LA</option>

                                <option value="ME">ME</option>

                                <option value="MD">MD</option>

                                <option value="MA">MA</option>

                                <option value="MI">MI</option>

                                <option value="MN">MN</option>

                                <option value="MS">MS</option>

                                <option value="MO">MO</option>

                                <option value="MT">MT</option>

                                <option value="NE">NE</option>

                                <option value="NV">NV</option>

                                <option value="NH">NH</option>

                                <option value="NJ">NJ</option>

                                <option value="NM">NM</option>

                                <option value="NY">NY</option>

                                <option value="NC">NC</option>

                                <option value="ND">ND</option>

                                <option value="OH">OH</option>

                                <option value="OK">OK</option>

                                <option value="OR">OR</option>

                                <option value="PA">PA</option>

                                <option value="RI">RI</option>

                                <option value="SC">SC</option>

                                <option value="SD">SD</option>

                                <option value="TN">TN</option>

                                <option value="TX">TX</option>

                                <option value="UT">UT</option>

                                <option value="VT">VT</option>

                                <option value="VA">VA</option>

                                <option value="WA">WA</option>

                                <option value="WV">WV</option>

                                <option value="WI">WI</option>

                                <option value="WY">WY</option>

                                <option value="territory">Other</option>

                              </select>

       

                              Zip: <input name="Zip" type="text" id="Zip" tabindex="6" size="2" maxlength="5" />

                        </div></td>

            </tr>

                        <tr>

                          <td><div align="right">Title:

                            <input name="Title" type="text" tabindex="2" size="30" />

                          </div></td>

                          <td><div align="right">Phone:                   

                          <input name="Phone" type="text" tabindex="10" size="30" id="Phone" />                   

                          </div></td>

                        </tr>

                        <tr>

                          <td>

       

                            <div align="right">Agency:

        <input name="Agency" type="text" id="Agency" tabindex="3" size="30" />

                          <font face="Arial" size="2" color="#393591"> </font></div></td>

                          <td><div align="right">Email:                   

                          <input name="email" type="text" tabindex="10" size="30" id="ContactEmail" />                   

                          </div></td>

                        </tr>

                        <tr>

                          <td colspan="2">

       

                              <div align="center">

                                <form id="form1" name="form1" method="post" action="">

                                  <label>

                                    <input type="image" name="imageField" id="imageField" src="submit.png" />

                                  </label>

                                </form>

                            <b><a name="signupform" id="signupform"></a></b></div></td>

                        </tr>

                      </table>

          <p align="center"><img src="rounded-box-bottom.jpg" width="1058" height="37" />&copy; 2010 </p>

      </div>

       

       

       

      </body>

      </html>

        • 1. Re: Where are my scrollbars?
          Nancy OShea Adobe Community Professional & MVP

          <body scroll="on">    What's that suppoed to do??

           

          Use the validation tools below and fix reported errors.

           

           

          Code Validation Tools
          ---------------------------
          CSS - http://jigsaw.w3.org/css-validator/
          HTML - http://validator.w3.org/

           

           

          Nancy O.
          Alt-Web Design & Publishing
          Web | Graphics | Print | Media  Specialists
          http://alt-web.com/
          http://twitter.com/altweb
          http://alt-web.blogspot.com

          • 2. Re: Where are my scrollbars?
            jynolen1 Level 1

            The <body scroll="on"> was trying to force it to give me the scrollbars back. It didn't work.

             

            I validated and corrected errors until it passed.

             

            <!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>Reasons to Switch to ChildPlus.net</title>

            <link href="clickhere.css" rel="stylesheet" type="text/css" />

             

            </head>

            <body>

             

            <div id="wrapper">

            <div id="header">

              <h1>Why have 4 out of 5 DataEngine users switched to ChildPlus.net?</h1></div>

             

            <div id="board"><a href="#signupform"><img src="Data-Engine-Bulletin-board1.jpg" width="1024" height="556" alt="100 Reasons to Switch"/></a></div>

             

             

            <div id="contactus">

             

            <form action="FormToEmail.php" method="post">

             

            <table width="650" border="0" align="center" cellpadding="5" cellspacing="0">

                     <tr>

                                <td width="45%">

                                  <div align="right">Name:

                                    <input name="name" type="text" id="Name" tabindex="1" size="30" />

                            </div></td>

                                <td>

                                  <div align="right">City:

              <input name="City" type="text" tabindex="4" size="10" />

             

             

             

                                    State:

            <select name="state" size="1" id="state">

            <option selected="selected">Choose</option>

                                      <option value="AL">AL</option>

                                      <option value="AK">AK</option>

                                      <option value="AZ">AZ</option>

                                      <option value="AR">AR</option>

                                      <option value="CA">CA</option>

                                      <option value="CO">CO</option>

                                      <option value="CT">CT</option>

                                      <option value="DE">DE</option>

                                      <option value="DC">DC</option>

                                      <option value="FL">FL</option>

                                      <option value="GA">GA</option>

                                      <option value="HI">HI</option>

                                      <option value="ID">ID</option>

                                      <option value="IL">IL</option>

                                      <option value="IN">IN</option>

                                      <option value="IA">IA</option>

                                      <option value="KS">KS</option>

                                      <option value="KY">KY</option>

                                      <option value="LA">LA</option>

                                      <option value="ME">ME</option>

                                      <option value="MD">MD</option>

                                      <option value="MA">MA</option>

                                      <option value="MI">MI</option>

                                      <option value="MN">MN</option>

                                      <option value="MS">MS</option>

                                      <option value="MO">MO</option>

                                      <option value="MT">MT</option>

                                      <option value="NE">NE</option>

                                      <option value="NV">NV</option>

                                      <option value="NH">NH</option>

                                      <option value="NJ">NJ</option>

                                      <option value="NM">NM</option>

                                      <option value="NY">NY</option>

                                      <option value="NC">NC</option>

                                      <option value="ND">ND</option>

                                      <option value="OH">OH</option>

                                      <option value="OK">OK</option>

                                      <option value="OR">OR</option>

                                      <option value="PA">PA</option>

                                      <option value="RI">RI</option>

                                      <option value="SC">SC</option>

                                      <option value="SD">SD</option>

                                      <option value="TN">TN</option>

                                      <option value="TX">TX</option>

                                      <option value="UT">UT</option>

                                      <option value="VT">VT</option>

                                      <option value="VA">VA</option>

                                      <option value="WA">WA</option>

                                      <option value="WV">WV</option>

                                      <option value="WI">WI</option>

                                      <option value="WY">WY</option>

                                      <option value="territory">Other</option>

                                    </select>

             

                                    Zip: <input name="Zip" type="text" id="Zip" tabindex="6" size="2" maxlength="5" />

                              </div></td>

                  </tr>

                              <tr>

                                <td><div align="right">Title:

                                  <input name="Title" type="text" tabindex="2" size="30" />

                                </div></td>

                                <td><div align="right">Phone:                   

                                <input name="Phone" type="text" tabindex="10" size="30" id="Phone" />                   

                                </div></td>

                              </tr>

                              <tr>

                                <td>

             

                                  <div align="right">Agency:

              <input name="Agency" type="text" id="Agency" tabindex="3" size="30" />

                                <font face="Arial" size="2" color="#393591"> </font></div></td>

                                <td><div align="right">Email:                   

                                <input name="email" type="text" tabindex="10" size="30" id="ContactEmail" />                   

                                </div></td>

                              </tr>

                              <tr><td colspan="2">

             

            <div align="center">

             

                                      <input type="image" name="imageField" id="imageField" src="submit.png" />

             

             

                                  <a name="signupform" id="signupform"></a></div></td></tr>

                            </table>

                            </form>

                <p align="center"><img src="rounded-box-bottom.jpg" width="1058" height="37" alt=""/>&copy; 2010 ChildPlus Software</p>

            </div>

             

            </div>

             

            </body>

            </html>

            • 3. Re: Where are my scrollbars?
              jynolen1 Level 1

              Nevermind, I figured it out.

               

              The #wrapper had a fixed position.

              • 4. Re: Where are my scrollbars?
                Nancy OShea Adobe Community Professional & MVP

                Can you post a URL to your test page?

                 

                Without seeing your CSS, I have no idea what's going on.

                 

                 

                 

                Nancy O.
                Alt-Web Design & Publishing
                Web | Graphics | Print | Media  Specialists
                http://alt-web.com/
                http://twitter.com/altweb
                http://alt-web.blogspot.com

                • 5. Re: Where are my scrollbars?
                  Chorale0001

                  You have to check your CSS man.. and you didn't give them to us.

                   

                  Also it is always nice to put a CSS with :

                   

                   

                  html {
                  overflow-x: hidden/scroll/visible/auto;
                  overflow-y: hidden/scroll/visible/auto;
                  }


                  Take your pick and it should be working on all browser.