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 5 of 5
  1. #1
    Regular Coder BabyJack's Avatar
    Join Date
    Apr 2008
    Location
    Somewhere.
    Posts
    602
    Thanks
    43
    Thanked 6 Times in 6 Posts

    Exclamation Why isn't the scrollbar working on my site!

    I havn't done anything with the Scrollbar and it doesn't work! Nothing will scroll it down!
    Here is my HTML and CSS:

    HTML
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Wifee.co.uk - Enlighten Your Simming Experience x]</title>
    <link rel="Stylesheet" href="Style.css">
    <body background="Back.png" "top center">
    </head><body>
    
    <div id="container">
    <div id="text1"><b><font color="#111111">Kwik-linkz&trade;</b></font> <a href="Index.html">Home</a> - <a href="Contact.php">Contact Us</a> - <a href="Terms.php">Terms</a> - <a href="Forum.php">Forum</a> - <a href="Employee.php">Employee's Only!</a></div>
    <h1 id="logo">Wifee.co.uk</h1><br>
    <div id="text2"><a href="">Downloads</a> - <a href="">Tutorials</a> - <a href="">Community</a> - <a href="">Information</a> - <a href="">Shopping Centre</a> - <a href="">Pictures</a> - <a href="">Movies</a> - <a href="">Miscellaneous</a>
    
    
    </div></div></body></html>
    CSS
    Code:
    body {
    background:url(Back.png) no-repeat #000000 top center;
    margin:0;
    padding:0;
    color:#574f4f;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    }
    
    #container {
    width:920px;
    margin:auto;
    padding-top:66px;
    }
    
    #logo {
    width:902px;
    height:112px;
    margin:0 auto;
    padding:0;
    background:url(Banner.png) top center;
    text-indent:-800em;
    }
    
    #main {
    padding:37px 20px;
    }
    
    #main p {
    margin:0;
    padding:10px 0;
    }
    
    #text1{
        padding:0px;
        margin-top: -22px;
        margin-right: 15px;
        margin-bottom: 0px;
        margin-left: 20px;
    font-size: 11px;
     }
    	a:link, a:visited, a:active {
          	text-decoration: none;
    	font-weight: bold;
    	font-family: ;
    	color: #ffffff;
    	
    }
    a:hover { 
    	text-decoration: none;
    	font-weight: bold;
    	font-family: ;
    	color: #aaaaaa;
    	
    }
    
    #text2{
        padding:0px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 0px;
        margin-left: 130px;
        font-size: 11px;
    
    #kwik-linkz{
        padding:0px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 0px;
        margin-left: 150px;
        font-size: 11px;
    
    -->
    Screenshot: http://i29.tinypic.com/11k9w83.jpg

    All help appreciated
    Enlightenment in Coding
    Validate before Posting | Google is your friend for PC Problems | Make sure you have a doctype

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    It's because your content is too small and there is no need for a scroll bar!

    PS: It's always a good practice to validate your code while developing, with the help of http://validator.w3.org/#validate_by_input
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder BabyJack's Avatar
    Join Date
    Apr 2008
    Location
    Somewhere.
    Posts
    602
    Thanks
    43
    Thanked 6 Times in 6 Posts
    I remember, the background image! How do I get all of the background to show?
    Enlightenment in Coding
    Validate before Posting | Google is your friend for PC Problems | Make sure you have a doctype

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Try something like

    Code:
    body{
    background:url(Back.png) no-repeat #000000 top center;
    margin:0;
    padding:0;
    color:#574f4f;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    min-height:500px; /* give the required height here; considered by FF, Opera etc  */
    }
    * html body{ /* IE hack*/
    height:500px; /*give the required height here; */
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    BabyJack (04-20-2008)

  • #5
    Regular Coder BabyJack's Avatar
    Join Date
    Apr 2008
    Location
    Somewhere.
    Posts
    602
    Thanks
    43
    Thanked 6 Times in 6 Posts
    Thank you, it worked
    Enlightenment in Coding
    Validate before Posting | Google is your friend for PC Problems | Make sure you have a doctype


  •  

    Posting Permissions

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