Create layout with two columns with equal height. Simple hack problem. Faux columns. Strictly CSS. Tableless. Works in Internet Exlorer, Firefox, Opera & Safari.
Try it!

Two columns tableless layout generator
Left column width: px Left column color:
Right column width: px Right column color:
Columns minimal height: px Page background:
Position on page: left centered


Left column

Simple generate two equal height columns layout using columns-swapping technique. 2columns.net is based especially on this article (thanks!). We have tested 2columns.net on IE6, IE7, Firefox 2, Opera 9 and Safari 3. Generated HTML is 100% compatibile with w3c validator for XHTML 1.0 Transitional.

Share it with other professional webmasters! Create two columns with equal height layout in just 5 seconds. Faux columns solved. No javascript. CSS Only. There are different solutions for "equal height problem" (e.g. Companion column method). 2columns.net helps You test column swapping method on-line without coding. Works with all popular browsers. It is possible to put background image instead of one-color. HTML with DIVs only. This text should help find this webpage, when searching faux columns fix. Positioning two columns with the same height. Faux column. Remember you can always set minimum height for columns. Css height for both columns. Save your time. Generate tableless layout now!


Right column

Simple generate two equal height columns layout using columns-swapping technique. 2columns.net is based especially on this article (thanks!). We have tested 2columns.net on IE6, IE7, Firefox 2 and Opera 9 and Safari 3. Generated HTML is 100% compatibile with w3c validator for XHTML 1.0 Transitional.

Share it with other professional webmasters! Create two columns with equal height layout in just 5 seconds. Faux columns solved. No javascript. CSS Only. There are different solutions for "equal height problem" (e.g. Companion column method). 2columns.net helps You test column swapping method on-line without coding. Works with all popular browsers. It is possible to put background image instead of one-color. HTML with DIVs only. This text should help find this webpage, when searching faux columns fix. Positioning two columns with the same height. Faux column. Remember you can always set minimum height for columns. Css height for both columns. Save your time. Generate tableless layout now!


2columns.net (c) Kotala Interaction Design 2007