BlueJay
05-04-2008, 11:53
Hallo Leute,
ich komme hier rienfach mit einem CSS-Problem nicht weiter:
Ich möchte Tabellenzellen ein- und ausblenden, benutze dafür display:none.
Opera und Firefox/Mozilla reagieren wie erwartet, nur der Konqueror hinterlässt mir nach dem Ausblenden etlicher Zellen einen hässlichen Randstreifen rechts, der IE6.0.28 unten.
Beispiel:
http://www.gamecraft.de/pattmatt/
css:
.spielfeld { background:#123 url(ebenholz.jpg); border:4px outset #cc0 }
.b0 { display:none; }
.b1,.b2,.b3,.b4 { display:table-cell }
.b1 { background:url(holz1.jpg); }
.b2 { background:url(holz2.jpg); }
.b3 { background:url(holz3.jpg); }
.b4 { background:url(holz4.jpg); }
javascript:
function mach_feld(id)
{ var i,j,k=0,t='<table cellpadding=0 cellspacing=0 border=0 class="spielfeld">';
for (j=0; j<ymax; j++)
{ t=t+'<tr>';
for (i=0; i<xmax; i++)
{ t=t+'<td id="t_'+id+'_'+k+'" class="b1">';
t=t+'<a href="javascript:klick('+id+','+k+')">';
t=t+'<img src="leer.gif" alt="" name="i_'+id+'_'+k+'" border=0 width='+dx+' height='+dy+'>';
t=t+'<\/a><\/td>';
k++;
}
t=t+'<\/tr>';
}
t=t+'<\/table>';
return t;
}
function setze_feld(id,nr,farbe)
{ document.getElementById('t_'+id+'_'+nr).className= 'b'+farbe;
document.images['i_'+id+'_'+nr].src=ima[0].src;
}
.....
for (j=0; j<ymax; j++) for (i=0; i<xmax; i++)
{ if ((i>=xakt) || (j>=yakt)) { setze_feld(0,k,0); setze_feld(1,k,0); b0[k]=0; b1[k]=0; }
else
{ b0[k]=Math.floor(fa[0]*Math.random())%fa[0]+1;
b1[k]=b0[k];
}
k++;
}
HTML-Abschnitt:
<table cellpadding=0 cellspacing=0>
<tr>
<td>
<script type="text/javascript"> document.writeln(mach_feld(0)); </script>
</td>
<td>
<script type="text/javascript"> document.writeln(mach_feld(1)); </script>
</td>
...
</tr>
</table>
Was läuft da falsch?
so long,
BlueJay
ich komme hier rienfach mit einem CSS-Problem nicht weiter:
Ich möchte Tabellenzellen ein- und ausblenden, benutze dafür display:none.
Opera und Firefox/Mozilla reagieren wie erwartet, nur der Konqueror hinterlässt mir nach dem Ausblenden etlicher Zellen einen hässlichen Randstreifen rechts, der IE6.0.28 unten.
Beispiel:
http://www.gamecraft.de/pattmatt/
css:
.spielfeld { background:#123 url(ebenholz.jpg); border:4px outset #cc0 }
.b0 { display:none; }
.b1,.b2,.b3,.b4 { display:table-cell }
.b1 { background:url(holz1.jpg); }
.b2 { background:url(holz2.jpg); }
.b3 { background:url(holz3.jpg); }
.b4 { background:url(holz4.jpg); }
javascript:
function mach_feld(id)
{ var i,j,k=0,t='<table cellpadding=0 cellspacing=0 border=0 class="spielfeld">';
for (j=0; j<ymax; j++)
{ t=t+'<tr>';
for (i=0; i<xmax; i++)
{ t=t+'<td id="t_'+id+'_'+k+'" class="b1">';
t=t+'<a href="javascript:klick('+id+','+k+')">';
t=t+'<img src="leer.gif" alt="" name="i_'+id+'_'+k+'" border=0 width='+dx+' height='+dy+'>';
t=t+'<\/a><\/td>';
k++;
}
t=t+'<\/tr>';
}
t=t+'<\/table>';
return t;
}
function setze_feld(id,nr,farbe)
{ document.getElementById('t_'+id+'_'+nr).className= 'b'+farbe;
document.images['i_'+id+'_'+nr].src=ima[0].src;
}
.....
for (j=0; j<ymax; j++) for (i=0; i<xmax; i++)
{ if ((i>=xakt) || (j>=yakt)) { setze_feld(0,k,0); setze_feld(1,k,0); b0[k]=0; b1[k]=0; }
else
{ b0[k]=Math.floor(fa[0]*Math.random())%fa[0]+1;
b1[k]=b0[k];
}
k++;
}
HTML-Abschnitt:
<table cellpadding=0 cellspacing=0>
<tr>
<td>
<script type="text/javascript"> document.writeln(mach_feld(0)); </script>
</td>
<td>
<script type="text/javascript"> document.writeln(mach_feld(1)); </script>
</td>
...
</tr>
</table>
Was läuft da falsch?
so long,
BlueJay