Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    a scroll bar but no scrolling

    After practically pulling , my hair out I was able to make a scroll bar appear on the website by adding a height to the body tag. However when you move the scroll bar nothing actually happens. There are two images lower on the page so there is content down there.
    www.star1on1tutoring.com

    please help

    [CODE]
    @charset "UTF-8";
    /* CSS Document */


    body {
    background-image:url(../images/newbg.jpg);
    font-size:.9em;
    overflow:auto;
    background-attachment:fixed;
    }

    body{
    height:1000px;

    }

    #logo {
    background: url(../images/logobacking.png) no-repeat;
    position:fixed;
    top:0px;
    left:200px;
    height:198px;
    width:609px;

    }

    #book {
    background:url(../images/newbook_06.png) no-repeat;
    position:fixed;
    left:23px;
    top:173px;
    width:960px;
    height:455px;

    }

    #apple {
    background-image:url(../images/star.png);
    height:310px;
    width:340px;
    position:fixed;
    left:50px;
    top:440px;
    }

    #pencil {
    background:url(../images/newpencil.png) no-repeat;
    position:fixed;
    top:470px;
    left:372px;
    height:278px;
    width:617px;
    }

    #internalNav li a {
    text-decoration:none;
    list-style-type: none;
    color:#000000;
    }

    img {
    border:none;
    }


    #internalNav li {
    font-family:"Courier New", Courier, monospace;
    font-size:1.5em;
    color:#000000;
    list-style-type:none;
    text-decoration:none;
    border:none;
    }

    #internalNav {
    position:fixed;
    left:80px;
    top:255px;
    }

    #home {
    display:block;
    font-family:"Courier New", Courier, monospace;
    position:fixed;
    left:520px;
    top:230px;
    width:375px;
    word-spacing: .01em;
    }




    #subjects {
    display:block;
    font-family:"Courier New", Courier, monospace;
    position:fixed;
    left:520px;
    top:220px;
    width:350px;
    }
    #rates{
    display:block;
    font-family:"Courier New", Courier, monospace;
    position:fixed;
    left:520px;
    top:220px;
    width:350px;
    }


    #difference{
    display:block;
    font-family:"Courier New", Courier, monospace;
    position:fixed;
    left:520px;
    top:220px;
    width:350px;
    }

    #bookIt{
    display:block;
    font-family:"Courier New", Courier, monospace;
    position:fixed;
    left:520px;
    top:220px;
    width:350px;
    }

    #intro{
    display:block;
    font-family:"Courier New", Courier, monospace;
    position:fixed;
    left:520px;
    top:230px;
    width:375px;
    word-spacing: .01em;
    }


    #payment{
    display:block;
    font-family:"Courier New", Courier, monospace;
    position:fixed;
    left:520px;
    top:230px;
    width:370px;
    }




    <!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" />
    <link href="assets/css/main.css" rel="stylesheet" type="text/css" media="screen" />

    <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon"/>
    <title>Star 1 on 1 Tutoring</title>
    <meta name="description" content="One on One tutoring for individuals and small groups in the Charlotte, North Carolina area. Taught by a former Charlotte-Mecklenburg teacher, we cater to your child's individual needs and goals. Package and groups discounts are available. "/>
    <meta name="robots" content="all,follow"/>
    <meta name="keywords" content=" star 1 on 1 tutroing, star one on one, one on one, Charlotte, North Carolina, Stonecrest, South Charlotte, Tutor, private tutor, tutoring, dominique greve, help in school, behind in school, huntington learning, huntington tutoring, small group tutoring, teacher, private teacher, math, science, social studies, history, math tutor, science tutor, history, history tutor, social studies tutor, grades, A+, better grades, children, school, better in school, Charlotte private tutor "/>


    </head>
    <body>
    <div id="logo"> </div>
    <div id="book">
    <ul id="internalNav">
    <li><a href="#intro">Introduction</a></li>
    <li><a href="#subjects">Subjects and Grades</a></li>
    <li><a href="#rates">Rate Information</a></li>
    <li><a href="#difference">The Difference</a></li>
    <li><a href="#bookIt">Book It!</a></li>
    <li><a href="#payment">Payment and Discounts</a></li>
    </ul>

    <div class="section" id="intro">
    <p>Private tutoring (individual or small group) can provide the help your child needs in order to achieve academic success.* As a former teacher, I am qualified to create an individualized plan to help your child work on specific subjects or content areas, prepare for a difficult exam or project, or simply improve study skills. While teaching and tutoring I have helped students with a variety of academic levels. I have experience with learning disabled students as well as students classified as academically gifted.</p>
    </div>



    <div class="section" id="subjects">
    <h3> K-8 all subjects (math depends on level)</h3>
    <h3>Study Skills/Organization</h3>
    <h3>Introductory Spanish </h3>
    <h3>High school (depends on course and level) </h3>

    </div>

    <div class="section" id="home">
    <p>Private tutoring (individual or small group) can provide the help your child needs in order to achieve academic success.* As a former teacher, I am qualified to create an individualized plan to help your child work on specific subjects or content areas, prepare for a difficult exam or project, or simply improve study skills. While teaching and tutoring I have helped students with a variety of academic levels. I have experience with learning disabled students as well as students classified as academically gifted.</p>
    </div>

    <div class="section" id="rates">
    <h3>Individual Rate: $30/hr</h3>
    <h3>Small Group Rates: </h3>
    <h3>2 students $50/hr</h3>
    <h3>3 students $75/hr</h3>
    <h3>4 students $100/hr</h3>
    </div>
    <div class="section" id="difference">
    <p> At Star 1 on 1 Tutoring, your child's program is tailored specifically to his or her needs and learning style. We can focus on your child's actual course work and assignments, using the school's preferred textbooks and resources.* You do not have to commit to a lengthy and inflexible contract with an organization that pursues its own curriculum at its predetermined pace.* Star 1 on 1 Tutoring focuses on what it takes for your child to succeed.</p>
    </div>
    <div class="section" id="bookIt">
    <h2> For more information or to book your session</h2>
    <h3> Call 704-321-9226</h3>
    <h3> or <a href="mailto:dgreve@star1on1tutoring.com">E-mail Me</a></h3>
    </div>
    <div class="section" id="payment">
    <p> You can pay with a credit card or check with a secure payment on Paypal. I also offer package rates.<h3> Buy 9 sessions get the 10th free.</h3>
    </p>
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="9411314">
    <table>
    <tr><td><input type="hidden" name="on0" value="Package">Package</td></tr><tr><td><select name="os0">
    <option value="1 hour session">1 hour session $30.00</option>
    <option value="5 1- hour sessions">5 1- hour sessions $150.00</option>
    <option value="10 1- hour sessions">10 1- hour sessions $270.00</option>
    </select> </td></tr>

    </table>
    <input type="hidden" name="currency_code" value="USD">
    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>

    </div>


    </div>
    <div id="pencil"></div>
    <div id="apple"></div>
    </body>
    </html>
    [CODE]

  • #2
    met
    met is offline
    Regular Coder
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    728
    Thanks
    4
    Thanked 119 Times in 119 Posts
    its generally considered bad practice to assign a fixed height, particularly to the body. what are you trying to achieve? you can force scrollbars by using

    Code:
    overflow-y:scroll;

    edit: should be scroll sorry

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,684
    Thanks
    22
    Thanked 1,828 Times in 1,812 Posts
    Hello spidergirl,
    First of all I'd like to say welcome to CodingForums.com!

    Your site works fine for me. I'm not seeing any problem at all.

    met is right, if you want to force a scroll bar overflow-y:scroll; works very well. What content is below that you can't scroll to and what browser is not able to get down there?
    In FF3.5 and IE8 I can see the #apple and #pencil even when I size the window to where I have to scroll to see it.

    That is a very cool method of switching #intro/#subjects/#home ... on that book. An excellent alternative to frames.

    Have a look at the errors the validator finds. Some easy stuff there to fix. Check out the links about validation in my sig below.


    ...
    p.s.
    When you post a link there is really no need to post the code/CSS but, when posting code, if you'd use the &#91;code&#93;&#91;/code&#93; - available with the # button in the post edit window - it greatly helps the readability of your post.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •