✔ Fieldset IE7 Trennstriche

[Necro_nomicon]

Hallo!

Ich habe ein fieldset-Tag mit label. Allerdings wird im IE7 dieser nicht richtig dargestellt (siehe Abb. unten). Beim IE 7 macht er dazwischen noch Trennlinien rein.
Beim FF und Opera funktioniert es.
Allerdings bei meiner Standalone Version vom IE7 auch, nur bei anderen nicht.

Der Code sollte OK sein und laut Selfhtml sind auch alle Tags innerhalb des Fieldset erlaubt.
Hat schon jemand ein aehnliches Problem gehabt?

HTML-Code:

<form action="login.php" method="post">

			<fieldset>

				<legend>Login&nbsp;</legend>

				<div class="fieldset-inside">

				<p id="login_txt"><label for="user"><strong>Benutzer:</strong></label></p>

				<p id="login_feld"><input type="text" maxlength="50" name="user" id="user" style="width:150px"></p>

				<p id="login_txt"><label for="user"><strong>Passwort:</strong></label></p>

				<p id="login_feld"><input type="text" maxlength="50" name="pwd" id="pwd" style="width:110px">

				<button type="submit" id="ok_button" accesskey="O"><span style="text-decoration:underline">O</span>K</button></p>

				<span id="txt">Passwort vergessen?</span><br>

				<span id="txt">Nicht registriert?</span></div>

			</fieldset>

		</form>

CSS-Code:

/* LOGIN */

#user, #pwd {

	background-color:#D5E4EE;

	border:none;

	padding-left:0px;

	padding-top:2px;

	padding-bottom:2px;

	vertical-align: middle;

	border:1px;

	border-color:#D5E4EE; /* oder ffffff */

	border-style:solid;

	color:#09304E;

	/* margin: -6px fuer Textboxen, aber im Navi gesteuert IE Firefox anderes Verhalten */

	}

#login_txt, #login_feld {

	margin-left:-9px;

	margin-bottom:2px;

	}

#login_txt {

	color:#2A596C; /* dunkler 09304E */

	}

legend {

	font-family:Verdana, sans-serif;

	font-size:10pt;

	color:#FFFFFF;

	padding:3px;

	}

.fieldset-inside {

	padding:6px;

	}

#txt {

	font-weight:normal;

	color:#2A596C;

	font-size:10pt;

	line-height:1.5em;

	margin-top:5px;

	margin-bottom:0px;

	}

#ok_button {

	background-color:#6FAFAA;

	border:none;

	margin-left:3px;

	margin-bottom:0px;

	padding-left:4px;

	padding-right:4px;

	padding-top:0px;

	padding-bottom:0px;

	font-family:Verdana, sans-serif;

	font-size:11px;

	font-weight:bold;

	color:#FFFFFF;

	vertical-align: middle;

	border:1px;

	border-color:#FFFFFF;

	border-style:solid;

	}

 

[Maik]

Beim IE 7 macht er dazwischen noch Trennlinien rein.
Beim FF und Opera funktioniert es.
Allerdings bei meiner Standalone Version vom IE7 auch, nur bei anderen nicht.

Der Code sollte OK sein ...

Mir steht auch nur die Standalone-Version des IE7 zur Verfügung, und darin werden keine Trennstriche angezeigt - wüsste jetzt aber auch nicht, warum es in der regulären Version zu diesem Darstellungsfehler kommen soll.

Der Code ist dahingehend nicht valide, da darin alle IDs (login_text, login_field, txt) mehrfach vergeben werden.

mfg Maik

 

[Necro_nomicon]

Was meinst du genau mit mehrfach vergeben? bei den IDs

*waves*
Necro

+++edit+++
ach so, ja stimmt. Werde Klassen nehmen.


+++edit+++
Waren die IDs. Jetzt funkt alles.

Danke Maik!

 

[Maik]

Merke: Eine ID darf im (X)HTML-Dokument nur einmal, eine Klasse hingegen unbegrenzt vergeben werden.

Und das ist auch der feine, aber entscheidende Unterschied zwischen einem ID- und Klassen-Bezeichner.

mfg Maik

 

[Necro_nomicon]

hm, ist eigentlich logisch, hab allerdings schon haeufiger IDs mehrmals verwendet ohne Probleme. Allerdings frueher mehr Klassen und dann aus Gewohnheit IDs. So gesehen ist es gut, dass ich nun darauf gestossen bin.

Wenn ich zB eine ID nur mit Schriftfarbe deklariere und diese immer wieder mal im Text einsetze bei einem span-Tag, zu welchen Problemen koennte es da so kommen?

 

[Maik]

Es geht hier nicht darum, zu welchem (Darstellungs-)Problem der vielfache Aufruf eines ID-Bezeichners in einem (X)HTML-Dokument führen könnte. Diese "Methode" führt immer zu einem invaliden Markup, da sie einfach nicht den Regeln entspricht.

mfg Maik

 

[Necro_nomicon]

oh, OK Das kann ma dann ja schnell aendern nach dem validieren, wenn man die IDs doppelt benutzt hat.
Danke!