A Jello Layout Calculator

Some Examples

The Associated CSS

These are the styles currently governing this page. 


body {
	padding: 20px 270px 20px 270px;
	text-align: center;
}
		
#stretch {
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
	width: 60%;
}

#container {
	border: 3px solid red;
	background: white;
	margin: 0 -270px 0 -270px;
	position: relative;
}

* html #container {
	margin: 0 -540px 0 0;
	float: left;
	left: -270px;
}

In posuere, eros ac accumsan gravida, magna turpis mattis nulla, ut nonummy nulla wisi quis mi. Donec arcu arcu, auctor eu, vestibulum nec, commodo vitae, sem. Morbi quis massa. Nunc elementum. Sed congue bibendum sapien. Suspendisse turpis orci, tempus scelerisque, venenatis eget, hendrerit sit amet, risus. Vivamus orci lorem, fringilla ac, consequat nec, laoreet aliquet, mi. Curabitur odio urna, iaculis et, dictum eu, eleifend eu, dolor. Pellentesque cursus, orci vel luctus ultrices, turpis ligula placerat dui, ac pharetra mi turpis ut odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum consectetuer. Donec semper, sem ut egestas euismod, odio urna nonummy metus, vitae dapibus velit nulla at enim. Suspendisse congue, justo semper vehicula sagittis, felis sapien sollicitudin massa, ac tempor libero urna vitae odio. Etiam lobortis massa eget orci. Fusce sed mi nec turpis euismod vehicula. Nam vulputate, sem at consequat lobortis, justo massa bibendum arcu, vitae consectetuer metus ante quis odio. Sed sit amet ipsum et odio mollis porttitor. Vivamus nonummy, lacus id elementum egestas, diam diam condimentum ante, a tempor dui orci sed turpis. Duis dictum nonummy enim.

Integer posuere sodales nibh. Vestibulum ut magna. Nulla ut turpis. Morbi ac ipsum sed risus ullamcorper varius. Mauris varius. Curabitur posuere. Vivamus aliquam, dui eu dapibus luctus, ipsum pede lacinia orci, ut lacinia lectus quam ut sem. Maecenas eget nulla sed ligula adipiscing sodales. Nam eu odio. Curabitur ut arcu. Integer sed justo. Morbi ac sem. Nunc molestie dui vitae purus. Sed accumsan venenatis augue. Sed nonummy massa in enim. Donec ac turpis quis ante bibendum ultrices. Pellentesque aliquet lacinia tortor. Fusce dui mauris, placerat scelerisque, vulputate et, vestibulum id, diam. Vivamus porta augue at turpis.