Column #col1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam malesuada suscipit pede. Nullam ipsum lacus, varius vel, nonummy in, consequat ut, neque.
Lorem ipsum ...
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam malesuada suscipit pede. Nullam ipsum lacus, varius vel, nonummy in, consequat ut, neque. Vivamus viverra. Duis dolor arcu, lacinia sit amet, sollicitudin sed, aliquet vel, quam. Pellentesque molestie laoreet tortor. Aenean quam. Pellentesque magna metus, venenatis sit amet, congue nec, dictum in, est. Aliquam nibh.
Column #col2
Integer condimentum, justo a venenatis vulputate, enim pede porttitor eros, non pretium lorem orci id tortor. Nulla a ligula. Mauris nulla arcu, luctus vel, consequat non, luctus eu, nisi. Mauris volutpat, nunc eget pretium blandit, ligula quam commodo nisl, ac fermentum nibh pede et nulla. In condimentum bibendum nisi. Vestibulum risus.
Nullam placerat varius nibh. Quisque tellus sapien, placerat sed, aliquam sit amet, scelerisque sit amet, nisi. Pellentesque eget leo vitae felis laoreet dictum. Duis pellentesque porttitor sapien. Fusce leo. Nulla leo. Donec mattis, justo nec gravida euismod, massa mi posuere mauris.
Column #col3
Important: Check out this example in Internet Explorer 5.x or 6.0/Windows to see the minmax.js JavaScript in action. This script simulates the behavior of min-width
, max-width
, min-height
and max-height
in these old IE-versions.
All other layout examples use a JS-Expression to simulate these properties (located in the IE patch file).
Compare its behavior when scaling or resizing the viewport, to find out which solution fits your needs best.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam malesuada suscipit pede. Nullam ipsum lacus, varius vel, nonummy in, consequat ut, neque. Vivamus viverra. Duis dolor arcu, lacinia sit amet, sollicitudin sed, aliquet vel, quam. Pellentesque molestie laoreet tortor. Aenean quam. Pellentesque magna metus, venenatis sit amet, congue nec, dictum in, est. Aliquam nibh. Integer congue nisl in mauris. Ut risus diam, ornare eget, interdum id, tincidunt at, eros.
Nulla vitae mauris. Phasellus vel ligula quis dolor bibendum egestas. Duis a massa ut orci varius placerat. Sed leo nulla, tempor nec, commodo in, fringilla vel, nibh. Cras nibh. Pellentesque venenatis felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum fringilla gravida nunc. Mauris neque. Cras gravida metus eget sapien. Sed faucibus, turpis ut pretium hendrerit, turpis mauris scelerisque tellus, vel convallis metus massa in neque.