Hi

I guess the title of this thread says pretty much everything. I just wanna make sure that there are no 'big mistakes' in my code. If you havee something to say about any improvements that I could make, feel free to speak! It's just a little layout, but before I use the above code in all the pages of my site, I wanna hear the pros!

Thanks in advance for your time and your support.

style.css:
Code:
/* *************** html and body *************** */

html, body {
 margin: 5px;
 padding: 5px;
 }

body { 
 background: #fff;
 color: #000; 
 line-height:17pt; 
 font-size:11px; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-align:center;/* center for ie5*/
 }
 

/* *************** layout *************** */ 

#container {
 background: #fff;
 position: relative;
 margin: 0px auto;
 padding: 15px;
 width: 95%;
 border: 2px dashed #e0e0e0;
 text-align:left;/*re-set text*/
}

* html #container {width:90%;w\idth:90%}


#pageHeader {
min-height:30px;/* all compliant browsers (not ie - ie just ignores it)*/
height:auto;/*all compliant browsers (inc IE) */
margin: 0px;
border-bottom: 2px solid #e0e0e0;
padding-top:15px;
}

* html #pageHeader {height:30px}/* only ie gets this and it overrides the height:auto and so must follow that style in the css and not be placed before it */

#hozSeparation {
 background: #e0e0e0;
} 

#mainContent {
 height: 400px;
 min-height:400px;
 border: none;
} 

body>#container #mainContent {height:auto}
#leftCol {
 height: 400px;
 min-height:400px;
 border-right: 20px solid #e0e0e0;
 float:left;
 width:140px;
 margin-right:-2px;
}

body>#container #mainContent {height:auto}
#content {
 height: 400px;
 min-height:400px;
 margin-left:2px;
}


body>#container {height:auto}
#footer {
 height: 30px;
 background: #fff;
 border-top: 2px solid #e0e0e0;
}



/* *************** paragraphs *************** */ 
 
 
p {
 margin: 4px;
}

.pBold {
 font-weight: bold;
}

/* *************** links *************** */ 


a:link {color: #3e5c92; text-decoration: underline}
a:visited {color: #3e5c92; text-decoration: underline}
a:hover {color: #b7b7b7; text-decoration: underline}
a:active {color: #b7b7b7; text-decoration: underline}


/* *************** text size *************** */ 


h6 {
 font-size: 90%;
 font-weight: bold;
 color: #3e5c92;
 border-bottom: 2px dashed #b7b7b7;
 width: 140px;
 margin-left:5px;
 padding:left:5px;
}
template.html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>

<div id="container"> 

  	<div id="pageHeader">
  	Page Header
  	</div>
  	
  	<div id="hozSeparation">
  	<br />
  	</div>
  	
	<div id="mainContent">
	
		<div id="leftCol">
		left column
		</div>
		<div id="content">
		content
		</div>
		
	</div>
	
	<div id="footer">
	footer
	</div>
	
	
</div>
	

</body>