label in table spaltenübergreifend

**mikdoe** · 21-07-2012, 20:09

Hi!

HTML-Code:

<!DOCTYPE HTML>
<html>
	<head></head>
	<body>
		<table>
			<tr>
				<label style="cursor: pointer;">
					<td><input type="checkbox" name="test" value="j"></td>
					<td>&nbsp;&nbsp;</td>
					<td>ein-/ausschalten</td>
				</label>
			</tr>
		</table>
	</body>
</html>

Im IE 9 kann ich auch auf das Wort "ein-/ausschalten" klicken und die checkbox ändert sich.
FF und Opera und vermutlich noch andere verweigern das, bei ihnen funktioniert nur der Klick direkt auf die checkbox.
Ein angenehmer Bug des IE oder machen die anderen Browser das falsch?
Gibt es einen einfachen Workaround?

**ein schlauer** · 21-07-2012, 20:49

Nach einem TR darf nur ein TH oder TD Element kommen, dein Konstrukt ist ungültig.

**mikdoe** · 21-07-2012, 21:02

Zitat von ein schlauer

Nach einem TR darf nur ein TH oder TD Element kommen, dein Konstrukt ist ungültig.

Also ein angenehmer Bug im IE, hab ich mir gedacht. Aber deshalb mag ich den IE so gern

Frage: Kann ich denn mehrere label-Elemente (in jeder td eines) verwenden, die sich auf die eine checkbox beziehen? Wie sähe die Syntax dafür aus?

**ein schlauer** · 21-07-2012, 21:20

Ich würde versuchen auf die Tabelle zu verzichten.

**scrypter** · 21-07-2012, 23:33

Zitat von mikdoe

Frage: Kann ich denn mehrere label-Elemente (in jeder td eines) verwenden, die sich auf die eine checkbox beziehen? Wie sähe die Syntax dafür aus?

z.B. so

HTML-Code:

<table>
	<tr>
		<td>
			<input type="checkbox" id="testID" name="test" value="j">
		</td>
		<td>
			<label for="testID" style="cursor: pointer;">&nbsp;&nbsp;</label>
		</td>
		<td>
			<label for="testID" style="cursor: pointer;">ein-/ausschalten</label>
		</td>
	</tr>
</table>

und Du kannst natürlich per css allen labels oder einer Klasse den pointer cursor zuweisen, dann brauchen die labels nicht alle ein inline-style bekommen

**kkapsner** · 21-07-2012, 23:34

Mach' das <label> um die ganze Tabelle... oder gib' der Checkbox eine ID und mach dann in jeder Zelle ein <label for="GEGEBENE_ID">.

Einen Browser nur wegen seinem Verhalten bei invalidem HTML zu mögen... naja...

**mikdoe** · 22-07-2012, 00:11

Zitat von kkapsner

Einen Browser nur wegen seinem Verhalten bei invalidem HTML zu mögen... naja...

Na ja. Ich würde es einmal mehr das Folgen der "Intuition" nennen und das mag ich.
Gibt es - außer der Spezi - einen zwingenden Grund für einen Browser, einen label Tag zwischen <td> und <tr> zu verweigern?
Wüßte jetzt keinen und Regeln zu befolgen nur der Regeln wegen, nur damit man hinterher sagen kann, es ist valide, fand ich schon immer bescheuert.
Was zeichnet einen Browser sonst aus, als die ordentliche und zur Not auch intuitive Anzeige von Seiten?

Ich werde es mit <label for=""> machen, danke dir und scrypter!

**dkdenz** · 22-07-2012, 00:29

Zitat von mikdoe

Wüßte jetzt keinen und Regeln zu befolgen nur der Regeln wegen, nur damit man hinterher sagen kann, es ist valide, fand ich schon immer bescheuert.
Was zeichnet einen Browser sonst aus, als die ordentliche und zur Not auch intuitive Anzeige von Seiten?

Naja, Browserentwickler richten sich i.d.R nach Spezis, demzufolge programmieren sie ihre Progs, so wie sie sind.
Letztendlich sind das nur Programme, die sich selbst an Standards messen lassen können.
Es gibt keine intelligente, selbstlernende Software, die Defizite der User automatisch ausgleicht.

**mikdoe** · 22-07-2012, 08:06

Zitat von dkdenz

Naja, Browserentwickler richten sich i.d.R nach Spezis, demzufolge programmieren sie ihre Progs, so wie sie sind.
Letztendlich sind das nur Programme, die sich selbst an Standards messen lassen können.
Es gibt keine intelligente, selbstlernende Software, die Defizite der User automatisch ausgleicht.

Allgemein stimme ich dir und kkapsner selbstverständlich zu.
Aber dieser Fall im Speziellen zeigt doch, dass Spezis in Einzelfällen auch sagen wir mal die Sache verkomplizieren. Und wenn Browserentwickler dies sehen und dabei quasi intuitiv trotzdem das richtige Ergebnis rauskommt, finde ich das gut.
Ist natürlich fraglich, ob hier bewußt das Richtige rauskommt oder es ein Zufall ist, weil im Browser schlampig programmiert wurde

**ein schlauer** · 22-07-2012, 10:43

Zitat von mikdoe

Na ja. Ich würde es einmal mehr das Folgen der "Intuition" nennen und das mag ich.
Gibt es - außer der Spezi - einen zwingenden Grund für einen Browser, einen label Tag zwischen <td> und <tr> zu verweigern?

Ja, dort gehören einfach keine andern HTML Elemente hin und von daher ist das ignorieren dieser Elemente der einzige sinnvolle Weg.

Es ist ja auch kein Bug vom IE, sondern seine berüchtige Fehlertoleranz. Egal was du machst, der IE versucht es irgendwie umzusetzen, das führt häufig zu Problemen, da man solche Fehler nur sehr schwer findet.

**liza** · 22-10-2012, 08:28

In accepted I accede with you and kkapsner course.
But this case in accurate shows that complicate assembly in some cases alike let's say the thing. And if browser developers see this and it still comes out about allegedly the appropriate result, I anticipate that's good.
course is ambiguous whether this acquaintance comes out appropriate or it's a coincidence, because the browser is programmed sloppy

Thema: label in table spaltenübergreifend

LinkBack

Themen-Optionen

Anzeige

label in table spaltenübergreifend

AW: label in table spaltenübergreifend

AW: label in table spaltenübergreifend

AW: label in table spaltenübergreifend

AW: label in table spaltenübergreifend

AW: label in table spaltenübergreifend

AW: label in table spaltenübergreifend

AW: label in table spaltenübergreifend

AW: label in table spaltenübergreifend

AW: label in table spaltenübergreifend

AW: label in table spaltenübergreifend

Ähnliche Themen

CSS3 Tabelle mit Display Table und Table-Cell

Probleme mit <label>

Inhalt eines Label Tags ändern

Label und Input leiden an Umbruch

label-Tag auslesen

Lesezeichen

Lesezeichen

Berechtigungen

json Datei parsen

const prefix

json Datei parsen

json Datei parsen

json Datei parsen

const prefix