Header Band

**kproc** · 03-26-2006 01:06 PM

below is the code that I'm working with trying to create a header. my goal is to have a header and band at the bottom with menue options> I header created, but can't figure out how to float the band to the bottom of the header.

Thank you

Code:

<style type="text/css">
.top
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 15%;
   margin: 10px;
   padding: 5px;
   background-image: url(images/header_02.gif);
   color: white;
   font-family: Arial;
   font-weight: 900;
   font-size: 20pt;
   font-style: italic;
   z-index:2;
   visibility: visible;
}

.bottom
{
   float:bottom;
   width: 100%;
   height: 5%;
   margin: 10px;
   padding: 5px;
   background-image: url(images/header_03.gif);
   color: white;
   font-family: Arial;
   font-weight: 900;
   font-size: 10pt;
   font-style: italic;
   z-index:2;
   visibility: visible;
}
</style>


</head>
<body>
<div>
<A STYLE="text-decoration:none" HREF="/index.php"><span class="top" id="banner">TomorrowNextWeek.com <br />
Lets Talk Money</span></a>
</div>

<A STYLE="text-decoration:none" HREF="/index.php"><span class="bottom" id="banner">Bottom <br />
Lets Talk Money</span></a>
</div>

</body>
</html>

**deweydesigns** · 03-26-2006 02:09 PM

header, as in header/footer type terminology? don't say header.. it gets confused with heading tags and head tags. fyi only - no offense... have you tried going about it a different way like this? : position the band absolutely against the header from the top and left like so: top: 450px; left:0px; margin: auto; padding: 0px;

or this: put both the header and the band in a containing div tag. position them inside the div tag relatively or absolutely, then float the whole div.

also, you have one div tag and 2 closing div tags.... you may think your using some css that your not actually using. fix those. let me know how it goes..i will try and help u further.

Thread: Header Band

Thread Tools

Display

Header Band

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions