<!Doctype HTML>
<head>
<title>Social Network with PHP1</title>
<link rel="stylesheet" href="styles/style.css"
media="all"/>
</head>
<body>
<!-----Main Container Starts--->
<div class="container">
<!-----Header wrapper Starts--->
<div id="header_wrapper">
<img src="images/logo.png" style="float:left;"/>
<!-----Header Starts--->
<div id="header">
</div>
<!-----Header Ends--->
</div>
<!-----Header wrapper Ends--->
</div>
<!-----Main Container Ends--->
</body>
</html>
css reset code
body{ line-height:1px; background:#E6E6FA; }
.container{
padding:0;
margin:0;
background:#E6E6FA;
}
#header_wrapper{
width:100%;
height:100px;
border-bottom:5px solid brown;
background:#1E90FF;
padding:10px;
}
#header{
width:1000px;
height:100px;
margin:0 auto;
}
<head>
<title>Social Network with PHP1</title>
<link rel="stylesheet" href="styles/style.css"
media="all"/>
</head>
<body>
<!-----Main Container Starts--->
<div class="container">
<!-----Header wrapper Starts--->
<div id="header_wrapper">
<img src="images/logo.png" style="float:left;"/>
<!-----Header Starts--->
<div id="header">
</div>
<!-----Header Ends--->
</div>
<!-----Header wrapper Ends--->
</div>
<!-----Main Container Ends--->
</body>
</html>
css reset code
body{ line-height:1px; background:#E6E6FA; }
.container{
padding:0;
margin:0;
background:#E6E6FA;
}
#header_wrapper{
width:100%;
height:100px;
border-bottom:5px solid brown;
background:#1E90FF;
padding:10px;
}
#header{
width:1000px;
height:100px;
margin:0 auto;
}