Anmelden

Archiv verlassen und diese Seite im Standarddesign anzeigen : Konqueror 3.5.8 und display:none



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

undefined
05-04-2008, 23:25
Scheint ein Speicher Problem zu sein.
Die ersten Tabellen funktionieren bei mir, erst nach 3 bis 4 Leveln gehts los.

BlueJay
06-04-2008, 08:19
Das Problem ist schon ab dem ersten Level da, verschlimmert sich aber bei jedem Vergrößern der Tabelle.

Zunächst wird die Tabelle in voller Größe erzeugt, dann Zellen ausgeblendet. Ab da hat man den Salat.
Hinterher kommen die ausgeblendeten Zellen nach und nach hinzu.

Irgendwie vermute ich eher, dass Konqueror und IE Probleme mit CSS2 haben, die Mozilla-Riege und Opera schafft das mit dem Display.

Leider habe ich nicht die Gelegenheit, das Ganze mit IE7 zu checken.

so long,
BlueJay