Jürgen B.: Tabellenprobleme mit IE4

Beitrag lesen

Hallo Forum,

ich hoffe es kann mir jemand einen Tip zu folgendem Sachverhalt geben.

Diese Tabelle wird im IE4 und IE5 angezeigt, aber nur im IE5 kann ich die Grafiken als Links anklicken. Im IE4 geht es nicht. Ich kann aber im IE4 per Tab-Taste durchgehen und die Bilder als Links per Enter-Taste ausführen. Warum funktioniert der Mausklick im Ie4 nicht ?
Kann mir da jemnd helfen ?
Hoffentlich und Danke für die Mühe

Hier der Code

//Variablen für die Tabelle
//***************************************************************************
//freiraum bezeichnet den Zeilenabstand zwischen dem Kopf
// und dem ersten Bildelement auf der Linken Leiste
freiraum = (Hoehe-4-99-4-(3*38)-(2*40))/2;
//1. Spalte
spalte1=115;
//3.Spalte
spalte3=30;
spalte2=Breite-spalte1-spalte3;
//***************************************************************************

tabelle  ='<table border=0 cellspacing=0 cellpadding=0>';
tabelle +=  '<tr>';
tabelle +=    '<td bgcolor=#EE9C00><img src="Grafiken/leer.gif" width="' + spalte1 + '" height="4" border="0" alt=""></td>';
tabelle +=    '<td bgcolor=#EE9C00><img src="Grafiken/leer.gif" width="' + spalte2 + '" height="4" border="0" alt=""></td>';
tabelle +=    '<td bgcolor=#EE9C00><img src="Grafiken/leer.gif" width="' + spalte3 + '" height="4" border="0" alt=""></td>';
tabelle +=  '</tr>';

tabelle +=  '<tr>';
tabelle +=    '<td height=99 align=center valign=center bgcolor=#EE9C00><img src="Grafiken/tüv.gif" width="85" height="86" border="0" alt=""></td>';
tabelle +=    '<td height=99 colspan=2 align=center valign=center bgcolor=#FFFFFF><img src="Grafiken/kunststoffverarbeitung.jpg" width="658" height="99" border="0" alt=""></td>';
tabelle +=  '</tr>';

tabelle +=  '<tr>';
tabelle +=    '<td bgcolor=#EE9C00><img src="Grafiken/leer.gif" width="' + spalte1 + '" height="4" border="0" alt=""></td>';
tabelle +=    '<td bgcolor=#EE9C00><img src="Grafiken/leer.gif" width="' + spalte2 + '" height="4" border="0" alt=""></td>';
tabelle +=    '<td bgcolor=#EE9C00><img src="Grafiken/leer.gif" width="' + spalte3 + '" height="4" border="0" alt=""></td>';
tabelle +=  '</tr>';

tabelle +=  '<tr>';
tabelle +=    '<td bgcolor=#000000><img src="Grafiken/leer.gif" width="' + spalte1 + '" height="' + freiraum + '" border="0" alt=""></td>';
tabelle +=    '<td><img src="Grafiken/leer.gif" width="' + spalte2 + '" height="' + freiraum + '" border="0" alt=""></td>';
tabelle +=    '<td><img src="Grafiken/leer.gif" width="' + spalte3 + '" height="' + freiraum + '" border="0" alt=""></td>';
tabelle +=  '</tr>';

tabelle +=  '<tr>';
tabelle +=    '<td bgcolor=#000000><img src="Grafiken/leer.gif" width="' + spalte1 + '" height="38" border="0" alt=""></td>';
// DIESER LINK FUNKTIONIERT NICHT
tabelle +=    '<td align=right><a href="produkte.html"><img src="Grafiken/button-produkt.jpg" width="347" height="38" border="0" alt=""></a></td>';
tabelle +=    '<td><img src="Grafiken/leer.gif" width="' + spalte3 + '" height="38" border="0" alt=""></td>';
tabelle +=  '</tr>';

tabelle +=  '<tr>';
tabelle +=    '<td bgcolor=#000000><img src="Grafiken/leer.gif" width="' + spalte1 + '" height="40" border="0" alt=""></td>';
tabelle +=    '<td><img src="Grafiken/leer.gif" width="' + spalte2 + '" height="40" border="0" alt=""></td>';
tabelle +=    '<td><img src="Grafiken/leer.gif" width="' + spalte3 + '" height="40" border="0" alt=""></td>';
tabelle +=  '</tr>';

tabelle +=  '<tr>';
tabelle +=    '<td bgcolor=#000000><img src="Grafiken/leer.gif" width="' + spalte1 + '" height="38" border="0" alt=""></td>';
// DIESER LINK FUNKTIONIERT NICHT
tabelle +=    '<td align=right><a href="referenzen.html"><img src="Grafiken/button-referenzen.jpg" width="347" height="38" border="0" alt=""></a></td>';
tabelle +=    '<td><img src="Grafiken/leer.gif" width="' + spalte3 + '" height="38" border="0" alt=""></td>';
tabelle +=  '</tr>';

tabelle +=  '<tr>';
tabelle +=    '<td bgcolor=#000000><img src="Grafiken/leer.gif" width="' + spalte1 + '" height="40" border="0" alt=""></td>';
tabelle +=    '<td><img src="Grafiken/leer.gif" width="' + spalte2 + '" height="40" border="0" alt=""></td>';
tabelle +=    '<td><img src="Grafiken/leer.gif" width="' + spalte3 + '" height="40" border="0" alt=""></td>';
tabelle +=  '</tr>';

tabelle +=  '<tr>';
tabelle +=    '<td bgcolor=#000000><img src="Grafiken/leer.gif" width="' + spalte1 + '" height="38" border="0" alt=""></td>';
// DIESER LINK FUNKTIONIERT NICHT
tabelle +=    '<td align=right><a href="kontakt.html"><img src="Grafiken/button-kontakt.jpg" width="347" height="38" border="0" alt=""></a></td>';
tabelle +=    '<td><img src="Grafiken/leer.gif" width="' + spalte3 + '" height="38" border="0" alt=""></td>';
tabelle +=  '</tr>';

tabelle +=  '<tr>';
tabelle +=    '<td bgcolor=#000000><img src="Grafiken/leer.gif" width="' + spalte1 + '" height="' + freiraum + '" border="0" alt=""></td>';
tabelle +=    '<td><img src="Grafiken/leer.gif" width="' + spalte2 + '" height="' + freiraum + '" border="0" alt=""></td>';
tabelle +=    '<td><img src="Grafiken/leer.gif" width="' + spalte3 + '" height="' + freiraum + '" border="0" alt=""></td>';
tabelle +=  '</tr>';
tabelle +='</table>';
document.write(tabelle);