Am attempting to do a 3 column CSS layout and have the following question concerning the columns. Is there a code in CSS that will produce equal height columns without adding invisible Latin as filler?

Also, how do I add a border to my page? Thanks guys.

Where are you having the equal height issue - on the top or the bottom. Those are two different issues. If you are having problems on the top, then just float your elements.

Example:

column1{float:left; width:33%; height: auto;}
column2{float:left; width:33%; height: auto;}
column3{float:left; width 33%; height: auto;}

Adjust the percentages to accommodate the actual width of your columns.

If your issue is with the bottoms of the columns being equal length. You can simply solve that problem by declaring a height:

column1{float:left; width:33%; height:450px;}
column2{float:left; width:33%; height:450px;}
column3{float:left; width:33%; height:450px;}

Let me know if this answered your question?

As Eric has pointed out to you, use fixed width and height for controlling the size of elements on your page. I don't care for fluid sizing because you lose control of the layout on various size screens.

This page shows you how to add borders.

http://www.w3schools.com/css/css_border.asp

Aha, this is so much easier to understand without chasing various elements all over the screen!
i am attempting to produce a template so I can update my church site. Thanks so much,

http://www.collegegrovemethodist.com Thanks, guys!