Saturday, December 15th, 08:06 am

3 Column Layout

		<style>
		*{
		/*Shows the borders for all the boxes*/
			border: 1px solid green;
		}
		.main{
			min-width: 600px;
			height: 118px;
		}
		#1{
			float: left;
		}
		#2{
		/*Change the width on the sides to what ever size you want*/
			margin-left: 113px;
			margin-right: 113px;
		}
		#3{
			float: right;
		}
		</style>
		
		<body>
		
		<div class="main"> 
		<!-- The order of the id is really important -->
			<div id="1"> Left side first </div> 
			<div id="3"> Right side second </div> 
			<div id="2"> Middle Last </div> 
		</div> 
		</body>
	

Back to Layout Solutions

designed by Entangle Design | site map | hosted by Sandstone Solutions Ltd | copyright © 2004

HTML|CSS|WAI