Basic Layout HTML/CSS

by Vaibhav Jain

HTML

<body>
    <div id="header">
	    <p> Welcome to Novell Service Desk </p>
	</div>	
	
    <div id="leftpanel">
		<ul>
			<li> <a href="#">Create Request</a></li>
			<li> <a href="#">My Requests</a></li>
			<li> <a href="#">Forum</a></li>
		</ul>
	</div>	
	<div id="content">
		<h2> Novell Service Desk </h2>
        <hr/>
	</div>	
	<div id="footer">
        <p> @ Copyright : NSD2014 </p>
	</div>	
</body>

JavaScript

body{
    height:100%;
    width:100%;
    
}

#header{
    background-color:grey;
    height:50px;
  }

#footer{
    background-color:grey;
    height:50px;
    clear:both;

}

#leftpanel{
    background-color:silver;
    height:200px;
    width:30%;
    float:left;
  }

#content{
    background-color:white;
    height:200px;
    width:70%;
    float:left;
}