YUI Grid Example

Note the use of "reset-fonts-grids.css", which gives you a blank slate for styles (overrides UA stylsheet for font sizes, margins, padding, etc.)

<html>
<head>
	<title>Grids CSS Example - YUI Grids - Special Nesting Grid E: 3/4 - 1/4</title>
	<link rel="stylesheet" type="text/css" href="../../build/reset-fonts-grids/reset-fonts-grids.css"> 
</head>
<body>


<div id="doc">					
	<div id="hd">
		<p>Header - Lorem ipsum dolor sit amet...</p>
	</div>
	<div id="bd">
		
		
		<div class="yui-ge">
			
			<div class="yui-u first">
				<p>A - Lorem ipsum dolor sit amet, ...</p>
			</div>	
			<div class="yui-u">
				<p>B - Lorem ipsum dolor sit amet, ...</p>
			</div>
		</div>
	</div>
	<div id="ft">
		<p>Footer - Lorem ipsum dolor sit amet, ...</p>
	</div>
</div>
</body>
</html>