text: Wed, 2009-03-04 12:58
  I would like to create a 3 column layout with the left menu, right menu & the content to have the same height always independently which is the longest like this example below.
  Also I have attached the HTML & CSS for your reference.
  How can I do this in CSS please?
  Example: http://www.pixy.cz/blogg/clanky/css-3col-layout/
  <div id="left_menu">Left menu</div>
  <div id="right_menu">Right menu</div>
  <div id="content">Content<br />Lorem ipsum dolor sit amet, est vitae ut. Risus amet illo mollitia magna erat voluptatem, adipiscing arcu eget cras eu nulla, quam eu nec orci, magna quisque nullam adipiscing integer suspendisse, vulputate hac id vivamus at sed mi. Pede magnis fringilla etiam, tempus vel vitae elementum sed nunc omnis. Praesent condimentum aliquam in eros et, pharetra nam imperdiet corrupti posuere, per suspendisse diam turpis parturient turpis, suscipit semper augue nulla, curabitur ac nisl. Iaculis tempor quam id morbi, sodales nullam nulla, ullamcorper tortor illum hendrerit, wisi fringilla ornare fames in, at ornare luctus eu officia platea.</div>
  Wed, 2009-03-04 14:09
  If you google "faux columns"
  You'll basically need the "faux columns" trick for this.
  For your example, with a red 200px left column, a green 500px middle column, and a blue 300px right column..
  What you would do is, in a program like photoshop, you would create an image file that would look like your 3 columns would if next to eachother.
  Basically, make an image file 1000px wide (any height for now.. I usually do 50px or something just to help me see what I'm doing). Once you have your image, color the first 200px red, the next 500px green, and the last 300px blue. At this point, I crop the image down to 1px in height just to lower the file size.
  Save that image so you can use it later as a background image.
  Then, on your page, set the background of your "container" div to be that image file you just made.
  Then put whatever content you wish inside of the 3 nested divs (don't set a background to these). No matter how long any of the divs get, you will still see what appears to be 3 columns of the exact length because the container div's background is repeating in height to match the longest of the contained divs.
  That's basically the "faux trick" in a nutshell. Hopefully that made sense.. if not, there are a bunch of websites that explain it. Good luck!
  The coding for this would look something like..
  This assumes that you have a different background for the header and footer.. something that would not allow the column background to show through. If you don't, you would have to leave your container div alone, and create a 2nd container div to hold just your left menu, content, and right menu divs.
  <div id="container"> <!-- No Background Image -->
  <div id="container_2"> <!-- Background Image Set Here -->
  Wed, 2009-03-04 14:29
  I have used that faux colums on my latest site and it works great. I had to play around with the px to get the size right, but it works. If you get to frustrated, remember this is CSSCREATOR, and they have a generator that works as a reference sheet too.
  This is a cross-post with three other forums. That is poor netiquette, and is frowned on in this forum. I will leave the thread open, only because you have already received responses here.