Results 1 to 2 of 2

Thread: How do I add a border?

  1. #1
    Join Date
    May 2006
    Posts
    19

    How do I add a border?

    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>

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    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
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •