How do I add a border? [Archive] - Web Design & Web Development Forum: HTML, CSS, JavaScript, PHP

edd9139

11 Sep 2006, 05: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>



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

</body>

</html>

Wickham

12 Sep 2006, 03: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