Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sagittis. Cras pharetra, dolor ultrices suscipit euismod, nisl leo viverra felis, tempus tristique ligula arcu a dui. Duis mauris. Aenean sagittis. Cras pharetra, dolor ultrices suscipit euismod, nisl leo viverra felis, tempus tristique ligula arcu a dui. Duis mauris.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sagittis. Cras pharetra, dolor ultrices suscipit euismod, nisl leo viverra felis, tempus tristique ligula arcu a dui. Duis mauris.
This layout has 3 equalising fluid columns and doesn't need background images for the column colours. Although this is easy to do with tables its not something that css is really good at and has ro be co-erced a bit.
The layout works best with 3 equal columns (like this demo) but can be pushed into 25% side columns. The maths get a bit complicated if you want different columns and ie gets a bit jumpy with it.
This is really just an exercise in seeing how css can be manipulated. Hope you find it useful.
This is some text for the center column : This is some text for the center column : This is some text for the center column :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sagittis. Cras pharetra, dolor ultrices suscipit euismod, nisl leo viverra felis, tempus tristique ligula arcu a dui. Duis mauris. Aliquam auctor est eu lorem. Nullam non eros. Ut massa leo, ultricies a, fermentum eu, pulvinar a, turpis. Nunc eu lorem. Sed sollicitudin, leo nec elementum rutrum, lorem justo rhoncus tellus, non imperdiet elit dolor sed velit. Curabitur at tortor ac nibh pretium ornare. Donec pharetra dictum orci. Suspendisse gravida nulla quis turpis. Integer pharetra vulputate metus. Etiam non sem quis pede vestibulum pellentesque. Nulla facilisi. Duis luctus. Fusce in diam nec wisi commodo dictum. Integer accumsan, tortor a pharetra porttitor, odio magna eleifend wisi, ac pretium nisl sapien eu justo. Nullam nonummy, orci at ultrices posuere, nunc tortor adipiscing metus, aliquet vestibulum enim metus at sem.
Aliquam porta. Aenean justo. Praesent dictum elit vel odio. Mauris turpis nunc, luctus quis, feugiat a, pretium sed, justo. Curabitur fermentum nonummy pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum sagittis. Mauris nunc metus, vestibulum vitae, imperdiet ut, adipiscing ut, nulla. Suspendisse potenti. Quisque a justo in sem tincidunt luctus. In faucibus fringilla felis. In hac habitasse platea dictumst.