Hi people... I Have 3 columns (that may have the same height) with changeable content.
Using tables, is very easy to auto-put they in the same height, but I have to use tableless code. Look at the code below (the divs have different heights): <!-- TABLE-LESS --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <style type="text/css" title="currentStyle" media="screen"> #right { float: left; width: 33%; border:solid 1px gray;} #center { float:left; border:solid 1px gray; width: 33%;} #left { float: left; width: 33%; border:solid 1px gray;} </style> </head> <body> <div id="left">LEFT<BR>LEFT<BR>LEFT<BR>LEFT<BR>LEFT<BR>LEFT<BR>LEFT<BR></div> <div id="center">CENTER<BR>CENTER<BR>CENTER<BR></div> <div id="right">RIGHT<BR>RIGHT<BR>RIGHT<BR>RIGHT<BR>RIGHT<BR></div> </body> </html> <!-- TABLE-LESS --> Using tables, the columns always have the same height... how can I do it using divs? Thank you! Alexandre Ruoso ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
