0

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

Edited by LaFreak: n/a

2
Contributors
1
Reply
2
Views
7 Years
Discussion Span
Last Post by vaultdweller123
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.