Hola a todos/as,...
mirad, estoy empezando a hacer una tabla para una web personal. Mas o menos tengo conocimientos de html, css y demas pero llevo mas de una hora intentando saber el por qué si le aplico un colspan a una celda de la tabla el texto que esta contiene sigue manteniendo el width de la columna origen, es decir, que no se expande hasta la columna continua, como deberia, como simpre ha sido y que si ocurre en Mozila y Opera pero no en Explorer.
Aqui podeis ver el codigo. Please, necesito una mano. Esta e una de esas cosas que seguro que es algo estupido pero que te enciegas y no hay forma alguna de sacarlo.
Muchas gracias por adelantado. Un saludo
<!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=iso-8859-1" />
<meta name="robots" content="all" />
<style type="text/css">
body {
width: 2048px;
margin: 0;
padding: 0;
font: 11px Arial, Verdana, sans-serif;
}
table {border-collapse:collapse;}
td {
text-align:justify;
border:1px solid #000;
color:#666;
height:100px;
width:150px;
font:bold 10px verdana;
vertical-align:top;
}
#principal {
position:relative;
}
</style>
</head>
<body>
<div id="principal">
<table border="0" cellspacing="0" cellpadding="3" id="tabla">
<tr>
<td class="op1" id="op1" onclick="activateThisColumn('op1', 1);return false;">celda1 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op2" id="op2" onclick="activateThisColumn('op2', 2)">celda2 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op3" id="op3" onclick="activateThisColumn('op3', 4)">celda3 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op4" id="op4" onclick="activateThisColumn('op4', 5)">celda4 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op5" id="op5" onclick="activateThisColumn('op5', 6)">celda5 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op6" id="op6" onclick="activateThisColumn('op6')">celda6 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op7" id="op7" onclick="activateThisColumn('op7')">celda7 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op8" id="op8" onclick="activateThisColumn('op8')">celda8 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
</tr>
<tr>
<td class="op9" id="op9" onclick="activateThisColumn('op9')"> </td>
<td class="op10" id="op10" onclick="activateThisColumn('op10')">celda10 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op11" id="op11" onclick="activateThisColumn('op11')">celda11 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asasas ass assas</td>
<td class="op13" id="op13" onclick="activateThisColumn('op13')" colspan="2">celda13 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op33" id="op33" onclick="activateThisColumn('op33')">celda33 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas asd sd a asd asas asd sd a asd asas</td>
<td class="op15" id="op15" onclick="activateThisColumn('op15')">celda15 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op16" id="op16" onclick="activateThisColumn('op16')">celda16 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
</tr>
<tr>
<td class="op17" id="op17" onclick="activateThisColumn('op17')">celda17 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op18" id="op18" onclick="activateThisColumn('op18')">celda18 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op19" id="op19" onclick="activateThisColumn('op19')">celda19 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op20" id="op20" onclick="activateThisColumn('op20')">celda20 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op21" id="op21" onclick="activateThisColumn('op21')">celda21 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op22" id="op22" onclick="activateThisColumn('op22')">celda22 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op23" id="op23" onclick="activateThisColumn('op23')">celda23 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op24" id="op24" onclick="activateThisColumn('op24')">celda24 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
</tr>
<tr>
<td class="op25" id="op25" onclick="activateThisColumn('op25')" colspan="2">celda25 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op27" id="op27" onclick="activateThisColumn('op27')">celda27 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op28" id="op28" onclick="activateThisColumn('op28')">celda28 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op29" id="op29" onclick="activateThisColumn('op29')">celda29 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op30" id="op30" onclick="activateThisColumn('op30')">celda30 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op31" id="op31" onclick="activateThisColumn('op31')">celda31 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op32" id="op32" onclick="activateThisColumn('op32')">celda32 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
</tr>
</table>
</div>
</body>
</html>
