I Found the solution about this problem here: http://www.positioniseverything.net/articles/onetruelayout/equalheight
And I make a example above: <!-- THE COLUMNS ARE EQUALS --> <!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, #left, #center { margin-right: 10px; padding-bottom: 32767px; margin-bottom: -32767px; float: left; border:solid 1px gray;} #right { background-color: blue;} #center { background-color: red;} #left { background-color: green;} #container {overflow:hidden;} </style> </head> <body> <div id="container"> <div id="left">L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L<BR>L</div> <div id="center">C<BR>C<BR>C<BR></div> <div id="right">R<BR>R<BR>R<BR>R<BR>R<BR></div> </div> </body> </html> <!-- THE COLUMNS ARE EQUALS --> Alexandre Ruoso http://www.oktiva.net ----- Original Message ----- De: <[EMAIL PROTECTED]> Para: <css-d@lists.css-discuss.org> Data: 28/12/2005 13:58 Assunto: [css-d] How to set the same height to diferent divs 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/ ______________________________________________________________________ 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/
