PDA

View Full Version : hehe more questions

jane_khute
08-13-2004, 05:13 PM
ok how do i add a background and scroll bars in this three colum layout where would i have to place the background and scroll bars



<html>
<head>
<title>Three Column CSS Layout</title>
<style type="text/css">

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#left {
position: absolute;
left: 5px;
padding: 0px;
top: 0px;
width: 150px;
}

#center {
margin-left: 200px;
padding: 0px;
margin-right: 200px;
top: 0px;
}
#right {
position: absolute;
right: 15px;
padding: 0px;
top: 0px;
width: 150px;
}
</style>
</head>

<body>

<div id="left">

Your left menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #left selector in the style sheet that is located on this page between the head tags.

</div>


<div id="center">
All of your content goes in this div. This section is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly. To change the properties of this div you can change the #center selector in the style sheet that is located on this page between the head tags.
</div>

<div id="right">

Your right menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #right selector in the style sheet that is located on this page between the head tags.

</div>

</body>
</html>
Combat Babe
08-13-2004, 05:30 PM
The scrollbars will appear automatically when they are needed. To add a background color add this to the body section of the css:

background: #000000;

and for a background image add this:

background-image: url(image.gif);

and change the part in red.
jane_khute
08-14-2004, 10:47 AM
do i out it in before the margin or after the margin
kittycat
08-14-2004, 03:46 PM
Doesn't matter, you can put it before/after any line you like.
jane_khute
08-14-2004, 05:58 PM
oh ok thanx