yetanotheruser: IE macht Lücken zwischen Grafiken

Beitrag lesen

Das klingt mir nach einer lustigen Angewohnheit des IE. Ka, ob das so vorgesehen ist, aber der IE interpretiert ein return im sourcecode als neue Zeile, wenn das Element davor ein Blockelement ist. Zumindest hat sich das bei mir so ergeben.

Hatte Code, der in etwa so aussah:
<ul>
 <li>
   <a ..>Text</a>
 </li>
 <li>
   <a ..>Text</a>
 </li>
 <li>
   <a ..>Text</a>
 </li>
</ul

Schön mit Einrückung, damit der Code auch gut leserlich bleibt. Nun wollte ich aber die Anker als block anzeigen lassen. Sprich display:block und schwups hatte ich hinter jedem Anker im IE eine leere Zeile. Ziemlich ärgelich, da in jedem anderen Browser das Return nicht umgesetzt wurde. Kurz und gut, nachdem ich alles auf eine Zeile gebracht hatte, hat dann auch brav der IE keine Leerzeile mehr angezeigt, was aber natürlich zur Folge hatte, dass ich eine ziemlich lange Zeile im sourcecode hatte, die kein Schwein mehr lesen konnte.

Eine alternative allerdings, um diese Verhalten zu umgehen und dennoch einigermassen lesbaren sourcecode zu erhalten ist folgende.

<ul><li
  ><a
    href="" blabla><span
       >Viel Text</span></a
    ></li
  ><li
  ></ul

Nicht sehr schoen, aber das verhindert die Returns.

Gruß Ben