tennessee
Feb 21, 2007, updated at May 09, 2007 (UTC)
view4815
view9
0
Goto Top

Firefox zeigt tabelle schlecht an

GermanQuestionWeb DevelopmentDevelopment
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
comment-contentCommentShareShare
Share on Facebook Share on Twitter Share on Reddit Share on Linkedin

Content-Key: 52228

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

Printed on: April 24, 2024 at 14:04 o'clock

9 Comments
Latest comment
Goto Top
Member: SteinBeiser
SteinBeiser Feb 21, 2007 at 11:46:24 (UTC)
Goto Top
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
Member: tennessee
tennessee Feb 21, 2007 at 13:48:49 (UTC)
Goto Top
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
Member: SteinBeiser
SteinBeiser Feb 21, 2007 at 13:55:49 (UTC)
Goto Top
Um dabei zu helfen bräuchte man mehr info.
Source-Code oder die seite zum anschauen.
Member: tennessee
tennessee Feb 21, 2007 at 14:03:44 (UTC)
Goto Top
<!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>
<!-- <LINK REL="stylesheet" TYPE="text/css" HREF="/global.css"> -->
<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>
Member: SteinBeiser
SteinBeiser Feb 21, 2007 at 14:27:19 (UTC)
Goto Top
Und was ist mit ?
/javascript/OpenHelp.js
/javascript/cssrule.js
/global.css
Member: Dani
Dani May 07, 2007 at 19:13:32 (UTC)
Goto Top
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)
Member: tennessee
tennessee May 08, 2007 at 06:21:57 (UTC)
Goto Top
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
Member: Dani
Dani May 08, 2007 at 14:50:51 (UTC)
Goto Top
Hi!
value="Seite neu laden"></input></th>
Lass doch einfach das "</input>" weg! So machen wir das auch.


Gruß
Dani
Member: tennessee
tennessee May 09, 2007 at 06:16:47 (UTC)
Goto Top
okay, vielleicht hilfts ja was!

Danke
GermanQuestionWeb DevelopmentDevelopment
Hotly discussed
gleixnerdCheck of ZFW Firewallgleixnerd - 5 CommentsjstrickerWireguard VPN on UDM Pro behind Fritzbox - Handshake did not completejstricker - 3 CommentsAlexWishaHow to set up and configure a Linux GRE tunnelAlexWisha - 3 Comments