Zellen verbinden : Tabelle immer breiter
moni
- html
0 moni
Hi,
hoffe dass jemand einen Tipp für mich hat..
In meiner 3 spaltigen tabelle will ich mit einem klick zwei zellen verbinden. das klappt auch. Aaaaber.... ach schaut euch bitte einfach mal folgenden code im FIREFOX an und klickt öfter mal auf "klickmich":
<html>
<head>
<script>
// shrink right detail column
function shrinkCol()
{
var middle = document.getElementById('middle');
var right = document.getElementById('right');
var middleColspan = document.getElementById('middle').getAttribute("colspan","false");
middleColspan = Number(middleColspan);
if (middleColspan==1)
{
middle.setAttribute("colspan",middleColspan+1,"false");
right.style.display="none";
}
else if(middleColspan==2)
{
middle.setAttribute("colspan",middleColspan-1,"false");
right.style.display="block";
}
}
</script>
<head>
<body>
<table width="100%" border="1">
<tr>
<td width="200">eins</td>
<td >zwei</td>
<td width="150" onClick="shrinkCol()" style="cursor: pointer;"/>klickmich!</td>
</tr>
<tr>
<td width="200">1111</td>
<td id="middle" colspan="1" height="100%">2222</td>
<td id="right" width="150">3333</td>
</tr>
</table>
</body>
</html>
wie ihr seht wird die tabellenzelle am ende immer breiter. Ich verstehe einfach nicht warum Firefox das macht. Hat jemand eine Idee?
Vielen Dank im Voraus!!!
liebe Grüsse
Moni
Hi nomma, ich war zu blind!
mit <table width="100%" border="1" cellspacing="0" cellpadding="0">
klappts! Sorry , ich war zu verzweifelt!
danke für eure geduld, liebe grüsse
Moni