Okay well i was using the idea of
http://bonrouge.com/2c-hf-fixed.php that layout. so i tweeked it to my likings,but when i change the bg image
Code:
html {height:100%;}
body {
margin:0;
padding:0;
height:100%;
background-color:#ffffff;
font-family:arial, serif;
}
#wrap {
background:url(bg200W3.gif) top left repeat-y;
min-height:100%;
width:780px;
margin:auto;
position:relative;
}
* html #wrap {height:100%}
That they have which is bg200w3.gif which link is
http://bonrouge.com/bg200W3.gif. and i try to add
http://www.da-nexgen.com/bgbgbg.gif instead it combines both left and main together. and if i try to resize the image to 200x1px then the main side has no bg.
this is the code i have so far
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dark Dominion Guild</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">html {height:100%;}
body {
margin:0; padding:0; height:100%;
font-family:arial, serif;
background-image:
url('http://www.da-nexgen.com/cssddbgwhole.gif')
}
#wrap {
background:url(http://www.da-nexgen.com/bgbgbg.gif) top left repeat-y;
min-height:100%;
width:780px;
margin:auto;
position:relative;
}
* html #wrap {height:100%}
#inner-wrap {
padding-bottom:80px;
}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
* html #wrap {
height:100%
}
#header {
background: #333333 url(http://www.da-nexgen.com/bg25.jpg);
color:#FF00FF;
margin:0; padding:0;
height:130px;
}
p {margin:5px; padding:0;}
h1 {
position:relative;
line-height:80px;
margin:0;
padding-left:20px;
}
#left {
float:left;
width:200'px;
text-align:center;
}
#main {
position:relative;
margin-left:200px;
background: #;
}
#footer {
position:absolute;
bottom:0;
height:30px;
background-color: #333333;
width:100%;
color:#FFFFFF;
text-align:center;
}
#footer p {
margin:0;
font-size:.7em;
text-align:center;
}
h5 { color: white; }
ul {
padding:0;
margin:0;
list-style-type:none;
width: 200px;
font-family: Tahoma;
}
a {
display: block;
background: url('http://www.da-nexgen.com/ddnavfg.gif');
height: 24px;
width: 170px;
padding: 7px 0 0 30px;
text-decoration: none;
}
a:hover {
background: url('http://www.da-nexgen.com/ddnavbg.gif');
}
</style>
<!--[if IE]>
<style type="text/css">
#main,
#inner-wrap,
#wrap {
zoom:1;
}
</style>
<![endif]-->
</head>
<body>
<div id="wrap"><div id="header">
<img src="http://www.da-nexgen.com/bfdd2.jpg" width="780" height="130">
</div>
<div id="inner-wrap">
<div id="left">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Addons</a></li>
<li><a href="#">DKP</a></li>
<li><a href="#">Recruitment</a></li>
</ul>
</div>
<div id="main"><p><h5> Welcome to the dark Dominion guild website. This is a very rough version there are still many updates that need to be done. Sample textSample textSample textSample textSample textSample textSample textSample textSample textSample textSample textSample textSample textSample textSample textSample textSample textSample textSample text
Sample textSample textSample textSample textSample text<br>__________________ <br> <img src="http://www.da-nexgen.com/pissedoff.jpg"
width="500" height="450"> <br> _______________ <br> <img src="http://www.da-nexgen.com/pissedoff.jpg"
width="500" height="450"> </h5></p></div>
</div>
<div id="footer">
<p> © Dark Dominion Guild 2007</p>
</div>
</div>
</body>
</html>
Before you post, read our: 
