HTML/XHTML:CSS Layouts:Div Center 800

Basic container
css800.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   Using Css and div tags to set an 800px area  content in here

css800.css body { margin:0 0 0 0; } 	width: 90%; max-width: 1200px; min-width: 800px; margin: 0 auto 0; padding: 0; border: 0; border-left:20px #99CCFF inset; border-right:20px #99CCFF outset; }
 * 1) container {

And the result



Notes: maximum width is not supported in all browsers (e.g. IE 6 and below) so the width will be fixed at 800.

Adding a graphic on the left hand margin
Hole image (Hole.png)

css800z.css

margin: 0 20px 0 0; padding: 0; border: 0; background: url(hole.png) repeat-y left; }
 * 1) content { 	margin: 0; 	padding: 20px; 	border: 0; }
 * 2) wrapper { 	width: 90%; 	max-width: 1200px; min-width: 800px; margin: 0 auto 0; padding: 0; border: 0;}
 * 3) wrapleft {

css800z.htm