Hello,
I have a problem with styling my background.
I want it to be just like this background:
I don't care how to it, with an image or just a border-style:solid;
Both is fine!
-> But how do I make sure the background fills up 100% of the users screen, and when more is needed, the background simply grows in length?
Is this even possible?
An example of my code:
<body>
<div id="container">
<div id="header">
<a class="one" href="index.php"><img src="images/header.jpg"></a>
<div id="balk2"><?php include "userbalk.php"; ?></div>
<div id="menubalk"><?php include'menubalk.php'; ?></div>
<div id="balk3"></div>
</div>
<div id="content">
:Here the content:
</div>
</div>
</div>
</body>
</html>
My CSS:
body {
background-color:e7e7e7;
}
#container
{
width: 800px;
height:100%;
margin: 0 auto;
background-color:ffffff;
border-style: solid;
border-width:1px;
border-color:a0a0a0;
}
#header
{
width:800px;
}
#content
{
width:800px;
padding: 10px 0 0 0;
background-color:ffffff;
}