Header

Main Column

Here is the HTML markup for this layout.

	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>The Holy Grail 3 Comumn Layout</title>
	<link rel="stylesheet" type="text/css" href="http://www.ironmyers.com/css/im-layouts.css">
	</head>
	<body>
	<div id="doc">
		<div id="hd"><!-- HEADER --></div>
		<div id="bd">
			<div class="im-right px300">
				<div class="im-main">
					<div class="im-box">
						<div class="im-right px180">
							<div class="im-main">
								<div class="im-box"><!-- MAIN CONTENT --></div>
							<div class="im-box"><!-- COLUMN 1 --></div>
						</div>
					</div>
				</div>
				<div class="im-box"><!-- COLUMN 2 --></div>
			</div>
		</div>
		<div id="ft"><!-- FOOTER --></div>
	</div>
	</body>
	</html>

Column 1

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Sed quis nulla non eros rutrum bibendum.
  • Curabitur aliquet orci sed metus.
  • Mauris condimentum eleifend enim.
  • Ut cursus eros sed lacus.
  • Duis rutrum porttitor lectus.
  • Etiam euismod mi vitae est.
  • Nullam facilisis arcu vitae lorem.
  • Maecenas vel felis volutpat erat sollicitudin suscipit.
  • Integer in nisl vitae sapien vestibulum sodales.
  • Suspendisse congue elit id ipsum.
  • Pellentesque in nisi eget purus lobortis porta.

Column 2

  • Maecenas lobortis ultrices nibh.
  • Integer posuere egestas arcu.
  • Aliquam vitae est vel nibh consectetuer aliquet.
  • Integer volutpat sem vel purus.
  • Suspendisse a ante eu turpis mollis pellentesque.
  • Mauris feugiat elementum nisi.
  • Cras consectetuer mollis quam.
  • Nulla sodales blandit quam.
  • Maecenas malesuada mi vel mauris.
  • Fusce elementum ultricies neque.

Footer