Tengo un div donde se va mostrando texto que introduce el usuario de forma dinámica y puede que en algún momento se introduzca una palabra muy larga como una URL. Para que el texto se corte y no se desborde el div uso "word-wrap". Funciona perfectamente, sin embargo, en Internet Explorar, aunque corta la palabra y el contenido del div se muestra bien, redimensiona el tamaño de la celda como si no se usara "word-wrap". En los demás navegadores que he probrado no ocurre. Sólo en Internet Explorar.
En el siguiente código se ve un ejemplo del problema,
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Property: Word Wrap</title> <style type="text/css"> <!-- body { margin: 0 auto; width: 800px; } .textoDiv { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #373737; font-weight: normal; text-decoration: none; text-align: justify; width: 200px; word-wrap: break-word; border: 1px coral solid; } --> </style> </head> <body> <TABLE TABLE width="200" align="center" valign="top" cellpadding="0" cellspacing="0" border="1"> <TR> <TD width="200"> <div class="textoDiv"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div> </TD> </TR> </TABLE> </body> </html>
Gracias por la ayuda!!