Constrained width left column which comes before the other column in the source.

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

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.

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.