I’ve done some searching on this, both on this forum and others, but without any luck.
Here is the link:
http://ragonadesign.com/test.html
Here is the CSS code:
body, html {
background-image:url(pattern.gif);
background-attachment:fixed;
margin:0;
padding:0;
height:100%;
}
h1 {
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
}
#Content {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height: 100%;
width:500px;
margin:0px auto;
padding:1em 1em;
border-color:#FFFFFF;
border-style:solid;
border-width:0px 15px;
background-color:#eee;
}
* html #Content
{
height: 100%;
}
#Footer {
margin:5px auto;
padding:.5em;
text-align:center;
color:#999999;
font-size:9px;
border-style:dotted;
border-width:1px;
border-color:#FFFFFF
}
It’s working pretty much as I intend, but however, there is a bit of an extension past the “100% height”, causing the user to be able to scroll a bit, even though there isn’t any content. I’m baffled. :fight::crying:
Sorry for the stupid question.
