C-Page -- CSS Semi-Liquid, 2-Equal Height Column Layout
This layout resembles an upper case letter C, hence the name C-Page.
Layout tested & works in
- IE6, IE7, IE8
- Firefox
- Safari/Chrome
- Opera.
View Source in your browser to see the CSS and HTML code.
#mainContent
Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.
.floatLeft
Unordered list
- some item
- some item
- some item
Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.
.floatRight
Blockquote
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. "
Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.
<end of #mainContent>
