Foros del Web - Ver Mensaje Individual

emprear · #3 (**permalink**) 24/09/2010, 15:14

manuelle::
El problema es que max-width no funciona en internet explorer, ahi por la web varios fix para ese problema, pero yo en realidad nunca los vi funcionando 100% bien, depende del html que estes usando.
Por lo pronto lo que podés hacer es esto

Código HTML:

Ver original<!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" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WRAPPING.</title>
<style type="text/css">
/*<![CDATA[*/
.principal{
background-color: silver;
width: 100px;
float: left;
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP */
word-wrap: break-word; /* IE 5+ */
}
/*]]>*/
</style>
 
</head>
<body>
<table id="acusados" border="1" style="border: solid 1px #7f94aa; " cellspacing="0" >
<tr>
<th class="celda">Nombre </th>
<th class="celda">Primer Apellido </th>
<th class="celda">Segundo Apellido </th>
<th class="celda">CI </th>
</tr>
<tr>
<td class="celda">Manuel </td>
<td class="celda">Delgado </td>
<td class="celda">Fernandez </td>
<td class="celda">87112734953 </td>
</tr>
<tr>
<td class="celda">Pedro </td>
<td class="celda">Hernandez </td>
<td class="celda">Lopez </td>
<td class="celda">87112734954 </td>
</tr>
<tr>
<td class="celda">julio </td>
<td class="celda">Frenandez </td>
<td class="celda">Figueredo </td>
<td class="principal">
8711273495aaaaaaaaaaaaaaaAAAAAAAAAAAAAADDDDD DDDDDDDDDD</td>
</tr>
</table> 
</body>
</html>

Y toma nota del que el atributo ID debe de ser único para cada elemento, caso contrario tenes que usar class="" y es algo redundante, en tu ejempo, poner divs dentro de los td de resultados.

saludos