Firefox zeigt tabelle schlecht an

Hallo zusammen,

ich habe ein Problem das der Firefox mir Tabellenspalten völlig durcheinander anzeigt.
Diese Spalten werden vorher mit JavaScript je nachdem ob ein Haken gesetzt ist ein/ausgeblendet.

Im Validator bekomme ich auch folgende Meldung:

Error Line 261 column 160: end tag for element "INPUT" which is not open.
...n');" value="Seite neu laden"></input></th>

Der Tag ist aber geöffnet:

<input type="button" onclick="location.reload();alert('Seite wird neu geladen\n\ Bitte danach auf Tabelle zeigen klicken');" value="Seite neu laden"></input>

Als Doctype habe ich folgende Zeile:

<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Der Browser läuft am im CSSI Compat Mode

weiss jemand von euch was dem validator da stört. Vielleicht ist das ja auch das Problem vom Firefox.

Vielen Dank im Voraus

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 52228

Url: https://administrator.de/contentid/52228

Ausgedruckt am: 22.11.2024 um 20:11 Uhr

9 Kommentare

Neuester Kommentar

Das <input>-Tag ist ein so genanntes Standalone-Tag. Wenn Sie XHTML-Standard-konform arbeiten, müssen Sie das input-Element als inhaltsleer kennzeichnen. Dazu notieren Sie das alleinstehende Tag in der Form <input ... />.

quelle SelfHTML

Vielen Dank!

nun ist die seite valide. Leider löst das nicht das darstellungsproblem mit Firefox.

Der hat wohl Probleme mit dem ein und ausblenden der Spalten

Um dabei zu helfen bräuchte man mehr info.
Source-Code oder die seite zum anschauen.

<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<SCRIPT TYPE="text/javascript" SRC="/javascript/OpenHelp.js"></SCRIPT>
<SCRIPT TYPE="text/javascript" SRC="/javascript/cssrule.js"></SCRIPT>

<TITLE>Root Cause Analyse Uebersicht</TITLE>

<script type="text/JavaScript">

function setdefault () {

document.auswahl.a.checked=true;
document.auswahl.b.checked=true;
document.auswahl.c.checked=true;
document.auswahl.d.checked=true;
document.auswahl.e.checked=true;
document.auswahl.j.checked=true;
document.auswahl.k.checked=true;

document.auswahl.f.checked=false;
document.auswahl.g.checked=false;
document.auswahl.h.checked=false;
document.auswahl.i.checked=false;

}

function display(checkBox, className) {

if (checkBox.checked == true) {
cssRule(className,"display","inline");

} else {
cssRule(className,"display","none");

}
}

Verfallsdatum = new Date;
Verfallsdatum.setMonth(Verfallsdatum.getMonth()+1);

if (document.cookie !="")
{
Checkbox1 = document.cookie.split("_")[1];
Checkbox2 = document.cookie.split("_")[2];
Checkbox3 = document.cookie.split("_")[3];
Checkbox4 = document.cookie.split("_")[4];
Checkbox5 = document.cookie.split("_")[5];
Checkbox6 = document.cookie.split("_")[6];
Checkbox7 = document.cookie.split("_")[7];
Checkbox8 = document.cookie.split("_")[8];
Checkbox9 = document.cookie.split("_")[9];
Checkbox10 = document.cookie.split("_")[10];
Checkbox11 = document.cookie.split("_")[11];
}

function CookieEinrichten()
{
Checkbox1=document.getElementById('a').checked;
Checkbox2=document.getElementById('b').checked;
Checkbox3=document.getElementById('c').checked;
Checkbox4=document.getElementById('d').checked;
Checkbox5=document.getElementById('e').checked;
Checkbox6=document.getElementById('f').checked;
Checkbox7=document.getElementById('g').checked;
Checkbox8=document.getElementById('h').checked;
Checkbox9=document.getElementById('i').checked;
Checkbox10=document.getElementById('j').checked;
Checkbox11=document.getElementById('k').checked;
document.cookie="_"+Checkbox1+"_"+Checkbox2+"_"+Checkbox3+"_"+Checkbox4+"_"+Checkbox5+"_"+Checkbox6+"_"+Checkbox7+"_"+Checkbox8+"_"+Checkbox9+"_"+Checkbox10+"_"+Checkbox11+";expires="+Verfallsdatum.toGMTString();

alert("Einstellungen gespeichert\n\n Bitte auf Tabelle zeigen klicken");

}

function CookieAusgabe()
{
if (document.cookie.split("_")[1] == "true")
document.auswahl.a.checked=true;
else
document.auswahl.a.checked=false;

if (document.cookie.split("_")[2] == "true")
document.auswahl.b.checked=true;
else
document.auswahl.b.checked=false;

if (document.cookie.split("_")[3] == "true")
document.auswahl.c.checked=true;
else
document.auswahl.c.checked=false;

if (document.cookie.split("_")[4] == "true")
document.auswahl.d.checked=true;
else
document.auswahl.d.checked=false;

if (document.cookie.split("_")[5] == "true")
document.auswahl.e.checked=true;
else
document.auswahl.e.checked=false;

if (document.cookie.split("_")[6] == "true")
document.auswahl.f.checked=true;
else
document.auswahl.f.checked=false;

if (document.cookie.split("_")[7] == "true")
document.auswahl.g.checked=true;
else
document.auswahl.g.checked=false;

if (document.cookie.split("_")[8] == "true")
document.auswahl.h.checked=true;
else
document.auswahl.h.checked=false;

if (document.cookie.split("_")[9] == "true")
document.auswahl.i.checked=true;
else
document.auswahl.i.checked=false;

if (document.cookie.split("_")[10] == "true")
document.auswahl.j.checked=true;
else
document.auswahl.j.checked=false;

if (document.cookie.split("_")[11] == "true")
document.auswahl.k.checked=true;
else
document.auswahl.k.checked=false;

}

</script>

<style type="text/css">
.spalte1 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#EEEEEE;Font-Size:12px;text-align:left;Font-Weight:bold;
}
.spalte2 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#EEEEEE;Font-Size:12px;text-align:left;Font-Weight:bold;
}
.spalte3 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#EEEEEE;Font-Size:12px;text-align:left;Font-Weight:bold;
}

.spalte4 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#EEEEEE;Font-Size:12px;text-align:left;Font-Weight:bold;
}

.spalte5 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#EEEEEE;Font-Size:12px;text-align:left;Font-Weight:bold;
}

.spalte6 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#EEEEEE;Font-Size:12px;text-align:left;Font-Weight:bold;
}

.spalte7 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#EEEEEE;Font-Size:12px;text-align:left;Font-Weight:bold;
}

.spalte8 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#EEEEEE;Font-Size:12px;text-align:left;Font-Weight:bold;
}

.spalte9 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#EEEEEE;Font-Size:12px;text-align:left;Font-Weight:bold;
}

.spalte10 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#EEEEEE;Font-Size:12px;text-align:left;Font-Weight:bold;
}

.spalte11 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#EEEEEE;Font-Size:12px;text-align:left;Font-Weight:bold;
}

.header {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}

.header12 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}
.header3 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}

.header4 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}

.header5 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}

.header6 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}

.header7 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}
.header8 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}
.header9 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}
.header10 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}
.header11 {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}

.auswahl {
Font-Family:Arial, Helvetica, sans-serif;Color:#000000;Background-Color:#FF9900;Font-Size:12px;Font-Weight:bold;
}
</style>

</head>

<body onload="CookieAusgabe();display('a', '.spalte1');display('b', '.spalte2');display('c', '.spalte3');display('d', '.spalte4');display('e', '.spalte5');display('f', '.spalte6');display('g', '.spalte7');display('h', '.spalte8');display('i', '.spalte9'); display('a', '.header');display('b', '.header12');display('c', '.header3');display('d', '.header4');display('e', '.header5');display('f', '.header6');display('g', '.header7');display('h', '.header8');display('i', '.header9');display('j', '.header10');display('j', '.spalte10'); display('k', '.header11');display('g', '.spalte11');">

<form name="auswahl" action="">
<div style="position:absolute; left:30px; top:37px;">
<table border="2" cellpadding="2" cellspacing="2">
<tr>
<th class="auswahl">PARENT DOMAIN <input type="checkbox" id="j" onclick="display(this, '.spalte10');display(this, '.header10');"/></th>
<th class="auswahl">PARENT EVENTCLASS <input type="checkbox" id="k" onclick="display(this, '.spalte11');display(this, '.header11');"/></th>
<th class="auswahl">AF TAN <input type="checkbox" id="a" onclick="display(this, '.spalte1');display(this, '.header');"/></th>
<th class="auswahl">AF DOMAIN <input type="checkbox" id="b" onclick="display(this, '.spalte2');display(this, '.header12');"/></th>
<th class="auswahl">AF EVENTCLASS <input type="checkbox" id="c" onclick="display(this, '.spalte3');display(this, '.header3');"/></th>
<th class="auswahl">AF EVENTTYPE <input type="checkbox" id="d" onclick="display(this, '.spalte4');display(this, '.header4');"/></th>
<th class="auswahl">AF LEVEL <input type="checkbox" id="e" onclick="display(this, '.spalte5');display(this, '.header5');"/></th>
<th class="auswahl">AF AGENT <input type="checkbox" id="f" onclick="display(this, '.spalte6');display(this, '.header6');"/></th>
<th class="auswahl">AF MESSAGE <input type="checkbox" id="g" onclick="display(this, '.spalte7');display(this, '.header7');"/></th>
<th class="auswahl">AF APPLICATION <input type="checkbox" id="h" onclick="display(this, '.spalte8');display(this, '.header8');"/></th>
<th class="auswahl">AF STATUS <input type="checkbox" id="i" onclick="display(this, '.spalte9');display(this, '.header9');"/></th>
</tr>
</table>
<table border="0" cellpadding="1" cellspacing="1">
<tr>
<th><input type="button" value="Standard Einstellungen (Haken)" onmouseover="this.style.cursor='hand'" onclick="setdefault();"/></th>
<th><input type="button" value="Einstellungen speichern (Haken)" onmouseover="this.style.cursor='hand'" onclick="CookieEinrichten();"/></th>
</tr>
</table>
</div>
<div style="position:absolute; left:865px; top:85px;">
<table>
<tr>
<th><input type="button" onclick="location.reload();alert('Seite wird neu geladen\n\ Bitte danach auf Tabelle zeigen klicken');" value="Seite neu laden"/></th>
<th><input type="button" value="Tabelle zeigen" onmouseover="this.style.cursor='hand'" onclick="display(a, '.header');display(a, '.spalte1');display(b, '.header12');display(b, '.spalte2');display(c, '.header3');display(c, '.spalte3');display(d, '.header4');display(d, '.spalte4');display(e, '.header5');display(e, '.spalte5');display(f, '.header6');display(f, '.spalte6');display(g, '.header7');display(g, '.spalte7');display(h, '.header8');display(h, '.spalte8');display(i, '.header9');display(i, '.spalte9');display(j, '.header10');display(j, '.spalte10');display(k, '.header11');display(k, '.spalte11');"/></th>
</tr>
</table>
</div>
<div style="position:absolute; left:30px; top:180px;">
<table border="1" cellpadding="10" cellspacing="0">
<tr>
<th class="header10">PARENT_DOMAIN</th>
<th class="header11">PARENT_EVENTCLASS</th>
<th class="header">AF TRANACTIONNO</th>
<th class="header12">AF DOMAIN</th>
<th class="header3">AF EVENTCLASS</th>
<th class="header4">AF EVENTTYPE</th>
<th class="header5">AF LEVEL</th>
<th class="header6">AF AGENT</th>
<th class="header7">AF MESSAGE</th>
<th class="header8">AF APPLICATION</th>
<th class="header9">AF STATUS</th>
</tr>
<? $(RESULTLOOPBEGIN)?>
<tr>
<td class="spalte10">$(PARENT_DOMAIN::keine Daten)</td>
<td class="spalte11">$(PARENT_EVENTCLASS::keine Daten)</td>
<td class="spalte1">$(AF_TRANSACTIONNO::keine Daten)</td>
<td class="spalte2">$(AF_DOMAIN::keine Daten)</td>
<td class="spalte3">$(AF_EVENTCLASS::keine Daten)</td>
<td class="spalte4">$(AF_EVENTTYPE::keine Daten)</td>
<td class="spalte5">$(AF_LEVEL::keine Daten)</td>
<td class="spalte6">$(AF_AGENT::keine Daten)</td>
<td class="spalte7">$(AF_MESSAGE::keine Daten)</td>
<td class="spalte8">$(AF_APPLICATION::keine Daten)</td>
<td class="spalte9">$(STATUS::keine Daten)</td>
</tr>
<? $(RESULTLOOPEND)?>
</table>
</div>
</form>
</body>
</html>

Und was ist mit ?

/javascript/OpenHelp.js
/javascript/cssrule.js
/global.css

Hi!
wie siehts mit deinem Problem zum jetzigen Zeitpunkt aus?! Falls du es gelöst hast, bitte post die Lösung. Somit wäre der Beitrag erledigt.

Gruß Dani
(Moderator)

Hallo,

leider ist es noch nicht gelöst. Es wird eben mit IE gearbeitet. (Ist sowieso standart hier)
Wenn keiner mehr eine Lösung kennt kann man das trotzdem schliessen.

Ist scheinbar nicht lösbar