Hello,

I have a problem with styling my background.
I want it to be just like this background:

http://psd-fan.com/

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;
}

use css, put an inline style rule, add style attribute on body tag.

style="background-image:url('image.jpg')"
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.