CSS
CSS, or cascading style sheets, is a way to have significant control over the style and layout of several web pages. Here is some basic markup you will need to get started:
@charset "UTF-8";
/* CSS Document */
/************************* ID's *************************/
#navigation {
position: absolute;
width: 194px;
height: 482px;
margin: 0;
border: 11px dotted #FF0000;
font-weight: normal;
left: 52px;
top: 131px;
}
#main {
position: absolute;
background-color:#CCCC66;
width: 463px;
height: 491px;
margin: 0;
border: 11px #3333FF;
font-weight: normal;
left: 323px;
top: 127px;
}
#header {
position: absolute;
background-color:#99FF66;
width: 800px;
height: 100px;
margin: 0;
font-weight: normal;
left: 10px;
top: 10px;
}
Make sure to link the html page to the css page.
<link rel="stylesheet" href="" type="text/css" media="screen" />
Here is a great trick for centering a div:
#content {
width: 700px ;
margin-left: auto ;
margin-right: auto ;
}
Since both margins are set to auto, they will remain equal, and the div remains centered.