Constrained width left and center columns which come after the right-side column in the source.

The equal height columns are achieved by using three wrappers for the columns and placing a left margin on the inner two and then giving a negative left margin to the left column and the wrapper for the left and center columns.

This works in all commonly used versions of IE, Firefox, Safari, Google Chrome, and Opera.

The embedded stylesheet is provided for learning purposes. Feel free to copy it and modify it as needed.

You may want to adjust the break-points for the media queries.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec scelerisque purus vitae wisi accumsan fringilla. Aliquam nibh elit, imperdiet eu, scelerisque at, condimentum eget, leo. Nam dolor. Etiam rutrum. Nullam nulla nibh, sollicitudin in, dictum ut, ullamcorper id, mauris. Aenean ultricies, erat quis aliquet pellentesque, sapien nulla posuere nunc, sed tincidunt wisi wisi id quam. Donec magna ante, pellentesque eu, posuere sed, ultrices sed, velit. Sed id velit. Quisque sollicitudin lacus a ante. Etiam aliquam. Nulla vitae lectus. Mauris ante neque, blandit id, vehicula nec, iaculis vitae, wisi. Mauris quis elit sed quam interdum sollicitudin. Curabitur congue egestas velit. Nulla feugiat placerat felis. Praesent felis tellus, rutrum et, faucibus eget, sagittis non, ligula. Fusce porta, lorem at convallis vehicula, arcu eros egestas tellus, in bibendum ante metus vel nisl. Sed erat nulla, vulputate vel, fermentum et, feugiat nec, eros. Pellentesque augue tortor, rutrum eu, mattis id, ornare vitae, sapien.