http://www.notintheface.biz/design.html
Scroll down on this page for a bit you will see my background image all of a sudden cut-off what’s wrong?
CSS:
*{
margin:0;
padding:0;
}
body {
background: #fff;
margin:0;
color:#666;
font-family: tahoma, sans-serif;
font-size: 12px;
text-align: center;
}
a {
color: #000;
font-size: 11px;
font-family: tahoma;
text-decoration: none;
}
a:hover {
color: #000;
font-size: 11px;
background-color: #a8f018;
}
#menu {
width: 150px;
float: left;
margin-top: 5px;
margin-left: 40px;
text-align:left;
}
#menu ul {
list-style:none;
}
#container {
background: url(../images/bg.gif) repeat-y;
width: 863px;
height: 100%;
padding: 0;
margin:0 auto;
text-align:left;
}
.border-btm {
border-bottom:1px dashed #000;
}
h1{
border-bottom:1px dotted #a8f018;
font-size: 17px;
font-weight: normal;
color: #00ccff;
}
h2{
border-top:1px dotted #a8f018;
font-size: 13px;
font-weight: normal;
color: #00ccff;
}
h3{
border-bottom:1px dotted #a8f018;
font-size: 13px;
font-weight: normal;
color: #fff;
}
#content {
width: 500px;
float: left;
margin-top: -33px;
margin-left: 90px;
color: #fff;
text-align:left;
}
HTML:
<html>
<head>
<title>not in the face - more random then a bag of giggles...</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
</head>
<body>
<div id="container">
<div id="masthead">
<img src="images/logo.gif">
</div>
<div id="menu">
<ul>
<li><a href="index.html">hello</a></li>
<li><a href="#">blarg!</a></li>
----------------<br />
<li><a href="photos.html">photos</a></li>
<li><a href="design.html">design</a></li>
<li> <a href="lab.html">lab</a></li>
----------------<br />
<li><a href="http://mike-db.deviantart.com" target="_blank">deviantArt</a></li>
<li><a href="http://twitter.com/mikedb" target="_blank">twitter</a></li>
----------------<br />
<li><a href="http://www.inxile.eu" target="_blank">yannick hellemans</a></li>
<li><a href="http://winampskinners.deviantart.com" target="_blank">winamp skinners</a></li>
</ul>
</div>
<div id="content">
Content.
</div>
</div>
</body>
</html>
