Text more than Container when table is bigger than div container

I have a page where if table is bigger than div container the text will be shown more than the container. I have to use overflow:hidden to temporary fit it but it cutted the text too. Any other solution?
(Div container is 460px width.)


<div class="templatetext"><div style="overflow:hidden;">
<!-- START html can't controlled by me-->
  <table border="0" cellpadding="0" cellspacing="0" style="width:576px;" width="576">fdfdffdfdffdfdffdfdffdfdffdfdf</table>
<!-- END html can't controlled by me-->
</div></div>

Hi,

If the reason the table is too large is because you have unbroken text then you can break the text with the following CSS:


table{word-wrap:break-word}

Table width is 576px and is bigger than div container. I can’t control it since it was employer’s html job description.

If the table is bigger than the parent then you only have one option and that is to allow scrollbars on the parent so that you can scroll the table. Change your overflow:hidden to overflow:auto.

I also assume that your table is properly constructed and not missing tr and td tags as in your example above.