Проблема с таблицой

[new01]

Друзья, помогите пожалуйста. Всё обыскал не могу понять в чём проблема...

В общем... На странице посередине стоит таблице. Она состоит из двух колонок и одной строки. Она содержит в каждой колонке блоки с текстом. Проблема заключается в тексте. Если в одном из блоков попадается длинное слово, то таблица очень сильно растягивается по горизонтали и почается горизонтальный скролинг. Я думал решить эту проблему прописав в стилях у блоков с текстом

word-wrap: break-word;

, но к моему удивлению это не вышло. Проблема решается только если указать конкретную ширину у блоков с текстом. ННо надо, чтоб ширина была резиновой. Как решить проблему? Я уже мозг почти сломал...

[psywalker]

А если указать max-heiht: ?

[new01]

может вы имели ввиду max-width? Если указать max-width у таблицы, то ничего не выходит, а если у блоков с текстом, то ширина становится фиксированной и при уменьшении ширины браузера ширина стоит на месте. В общем что-то не так ... Вот код .

<table>
<tr>
<tr>
 <td id='Leftmessage'>
   <div id='OneMessage'>
     <div>ghjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjfyfgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</div> 
   </div>
 </td><!-- // Закрытие блока Leftmessage -->
 <td id='RightMessage'>
  <div id='OneMessage'>
     <div>ghjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjfyfgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</div> 
   </div>
 </td>
</tr>
</table>
Стили:
#HomeContent table {text-align:center;overflow:hidden;border:1px solid #000;}			 
#Leftmessage{width:49%;min-height:100px;text-align:right;}
#RightMessage{width:49%;min-height:100px;text-align:left;}
#OneMessage {word-wrap: break-word;margin-bottom:8px;border:1px solid #000;}
#OneMessage div {border:1px solid #000;font-size:14px;}

[psywalker]

Да, я про ширину говорил.

А тогда вот эти варианты как? http://htmlbook.ru/css/table-layout

И ещё overflow: hidden; у ячеек может. И им ещё ширину тоже.

[new01]

Ничем не помогает.. Вроде задача лёгкая , а непонятноп почему так.

Хотя если сделать table-layout: fixed; у table то всё отлично. А скажите почему ширина таблицы уменьшается, ведь написано fixed, т.е. фиксировано?

[psywalker]

Ничем не помогает.. Вроде задача лёгкая , а непонятноп почему так.

Хотя если сделать table-layout: fixed; у table то всё отлично. А скажите почему ширина таблицы уменьшается, ведь написано fixed, т.е. фиксировано?

Я бы сказал, что ширина ячеек просто фиксируется.