Quebra Automatica de linha [Erro]

[Bright]

Eu gostaria que fosse quebrada a linha ao chegar no limite da tabela, no entanto isto não ocorre, ele expande o width da tabela...

Codigo que estou usando:

<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #523030;
    font-weight: bold;
}
.style2 {
    font-size: 12px;
    color: #523030;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
    color: #523030;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #523030;
}
a:hover {
    text-decoration: none;
    color: #FF0000;
}
a:active {
    text-decoration: none;
    color: #FF0000;
}
-->
</style>

<table width="347" border="0" cellpadding="0" cellspacing="2" >
  <tr>
    <td class="style1">Notícia Completa</td>
  </tr>
  <tr>
    <td><img src="images/image_12.png" width="344" height="12" alt="" /></td>
  </tr>
<?
include('conecta.php');
$icod=$_GET['n'];
$sql="select * from noticia where cod=$icod";
$rs=mysql_query($sql,$conexao);
$info=mysql_fetch_row($rs);
?>
  <tr>
  <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td class="style2"><div align="justify">[
        <?=$info[1]?>
        ]</div></td>
    </tr>
    <tr>
      <td class="style2"><div align="justify">
        <?=$info[2]?>
      </div></td>
    </tr>
    <tr>
      <td class="style2">
        <div align="justify">
          <?=$info[3]?>
          </div></td>
    </tr>
    <tr>
      <td class="style2"><div align="right"><a href="not.php">[Voltar]</a></div></td>
    </tr>
  </table></td>
  <tr>
  <tr>
    <td class="style2"><img src="images/image_12.png" width="344" height="12" alt="" /></td>
  </tr>
</table>

Obrigado!

[Thelon]

<td><table width="100%" border="0" cellspacing="0" cellpadding="0">

Você precisa definir uma largura fixa provavelmente nessa linha

Post o link para sua página assim o erro poderá ser visualizado e com isso facilita na resolução.

[Matheus Matos]

Bem, isso ocorre por causa do CSS, ele não quebra o texto, e sim, expande o elemento necessariamente até caber tudo...

Você pode ocultar a parte que passa através do overflow, mas, não é nada interessante, pois irá cortar literalemente o texto...

O CSS3 já faz isso automaticamente através da propriedade word-wrap, que permite quebrar o texto ao invés de expandi-lo...

porém, vale relembrar que o CSS3 está em desenvolvimento e não é suportado por todos os navegadores ainda, apenas o Mozilla Firefox 3.5.+ , Opera, ou outro qualquer que utilizar o web-kit como redenrizador (Chrome, Safari...).

Qualquer coisa posta...

Vlw

Matheus Matos

[Bright]

Bem, isso ocorre por causa do CSS, ele não quebra o texto, e sim, expande o elemento necessariamente até caber tudo...

Você pode ocultar a parte que passa através do overflow, mas, não é nada interessante, pois irá cortar literalemente o texto...

O CSS3 já faz isso automaticamente através da propriedade word-wrap, que permite quebrar o texto ao invés de expandi-lo...

porém, vale relembrar que o CSS3 está em desenvolvimento e não é suportado por todos os navegadores ainda, apenas o Mozilla Firefox 3.5.+ , Opera, ou outro qualquer que utilizar o web-kit como redenrizador (Chrome, Safari...).

Qualquer coisa posta...

Vlw

Matheus Matos

Tem como fazer isto sem que seja necessário o CSS3?

Alguma meneira de usar o CSS normal e ele quebrar a linha?

@Thelon

A tabela de 100% foi para fazer um teste, a tabela real é a de 347px

LINK DO SITE!

Vlw!

[Matheus Matos]

hm.. bem, apenas com CSS sem ser o 3, dentro do meu conhecimento não.

Talvez seja possível com Javascript, mais, creio eu que não seja tão fácil de fazer...

[Bright]

hm.. bem, apenas com CSS sem ser o 3, dentro do meu conhecimento não.

Talvez seja possível com Javascript, mais, creio eu que não seja tão fácil de fazer...

=X isso me ferro, vou tentando achar um jeito aqui sozinho, por favor se alguém souber me avisa =D

Vlw Matheus.