✔ netscape ignoriert span-breite

[intercorni]

Hallo,

in einer Liste habe ich per span einen Art "Abstandshalter" gebaut, der einen erklärenden Text unter Einhaltung eines Sicherheitsabstandes anzeigt:

<ul>
<li class="langeliste"><span id="abstandshalter"><span class="markiert"><a href="sman.htm">SMAN</a></span></span><a href="sman.htm"> - surface movement manager</a></li>
<li class="langeliste"><span id="abstandshalter"><span class="markiert"><a href="efss.htm">EFSS</a></span></span><a href="efss.htm"> - electronic flight strip system</a></li>
	  </ul>

Hier das CSS dazu:

.langeliste
	{ 
	margin-left: 60px;
	margin-top:0px;
	font-family: Arial, sans-serif;
	color:#000066;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	}

#abstandshalter
	{
	width:50px;
	height:auto;
	visibility:visible;
	overflow:hidden;
	}

.markiert
	{
	color:#054F72;
	text-align: left;
	font-weight: bold;
	}

Der Internetexplorer zeigt alles richtig an, Netscape ignoriert jedoch die "Span" - Breite von
50px. Habe ich etwas falsch gesetzt, oder woran liegt diese Ignoranz?

Gruss,

Cornel

 

[Maik]

Um dem Inline-Element span eine fixe Breite geben zu können, muß es mit der CSS-Eigenschaft display:block versehen werden. Wenn der IE es dennoch anzeigt, heißt das noch lange nicht, daß es auch richtig ist

Anmerkung: eine ID darf in einem Dokument nur einmal vergeben werden

 

[hpvw]

Der Internetexplorer zeigt es nicht richtig an, sondern nur so, wie Du möchtest.
Auf "non-replaced" (wie auch immer das in diesem Kontext übersetzt wird) Inline-Elemente kann keine Breite angewendet werden.

Netscape verhält sich also vollkommen korrekt.
Du könntest das lösen, indem Du mit display:block; float:left; arbeitest.

Gruß hpvw

 

[intercorni]

Vielen Dank, wieder etwas dazu gelernt.

Gruss,

Cornel