CodingForums.com - How to make a Twitter-like header?

CodingForums.com (http://www.codingforums.com/index.php)

- HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)

- - How to make a Twitter-like header? (http://www.codingforums.com/showthread.php?t=253654)

How to make a Twitter-like header?

Basically, I want to make a header that is similar to twitter or facebook (so the header stretches all the way left, right and top) How would i do this using html/css. I will provide my current code below:

CSS:

Code:

#header

{

width:100%;

height:100%;

padding:10px;

background-color: #C0C0C0;

border-style: none none solid;

border-width:3px;

border-color: #404040;

margin:-10px;



}

HTML:

Code:

<div id = "header">

        <div id = "content">

        <h1 style="text-align:center;">HELLO!</h1>

        </div>

</div>

This is entirely possible with CSS. It is typically a background image. An example of css that would make the strip stretch across the page would be: body {background:url("bg.png") 0 0 repeat-x; You could make the top of the image a color and the rest white just like Facebook has done. Hope this helps you.