PDA

View Full Version : How do I add a border?


edd9139
11 Sep 2006, 06:19 PM
http://www.simsarchive.jumbahost.com/b/index.php

How do I continue the white border down for the main content? Every time I add a Div, it diplays to the left, and has no border. Also how do I add a Div footer? I am extremely new to Divs. Thanks

----------------------------------* ----------------------------------* ------------------------

<html>

<head>

<title>Template Title</title>

<style>

body

{

background: #999900 url('Images/AA-background.jpg') no-repeat fixed bottom left;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}

#page

{

margin: 0 auto;

max-width: 980px;

min-width: 720px;

background-color: #979795;

border: 1px Solid #FFFFFF;

}

#titlebar

{

height: 6em;

}

#navbar

{

height: em;

background-color: #666666;

}

</style>

</head>

<body>

<!-- page start -->

<div id="page">

<div id="titlebar">

<div align="center"></div>

</div>

<div id="navbar">

<div align="center">

<?php include('menu.php'); ?>

</div>

</div>

<di*v id="sidebar"></div>

</div> <!--end page -->

</body>

</html>
Wickham
12 Sep 2006, 04:56 AM
The "main content" you think doesn't have a border is just the body.

Your divs have no text in them yet. Add a few words in each div and you will see the white border extend down with them around #page div, but leaving the remainder of the body without a border.

If you want the body (ie the whole page) to have a border, move border: 1px solid #ffffff from #page to body in the head section.

Look at lots of online tutorials for div coding.
See http://www.wickham43.supanet.com/tutorial/links.html