...

View Full Version : Why isn't the scrollbar working on my site!



BabyJack
04-20-2008, 12:31 PM
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

<!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

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 :thumbsup:

abduraooft
04-20-2008, 12:50 PM
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

BabyJack
04-20-2008, 01:01 PM
I remember, the background image! How do I get all of the background to show?

abduraooft
04-20-2008, 01:25 PM
Try something like


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; */
}

BabyJack
04-20-2008, 01:48 PM
Thank you, it worked :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum