Dear Users,
I have got a problem with background (full screen background) below is the code which is doing full size rezisable backgroung but is cutting the image. How do I make it so the width is 100% max but the height is deppend on the length of the background the image and I am able to scroll down.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>Untitled Document</title>
</head>
<style type=”text/css”>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
}
#content {
position: absolute;
z-index:1;
}
</style>
<!–[if IE 6]>
<style type=”text/css”>
html { overflow-y: auto; }
body { overflow-y: auto; }
#bg { position:absolute; z-index:-1; }
#content { position:static; }
</style>
<![endif]–>
<body>
<img src=”curtain/new-7.jpg” alt=”background image” id=”bg” />
<div id=”content”>All your content here – including headers, paragraphs, etc.</div>
</body>
</html>