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

smash · 03-09-2012, 01:13 AM

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>

03-09-2012, 01:13 AM	PM User \| #1
smash New to the CF scene Join Date: Mar 2012 Posts: 1 Thanks: 0 Thanked 0 Times in 0 Posts	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>