Umbruch in Quelltext macht Boxlayout kaputt

[MudGuard]

Hi,

Und jetzt das eigentliche Problem:
Sobald die beiden <img>-Tags für "Foto" und "Logo" eingerückt (Zeilenumbruch, Tabs) werden entsteht zwischen den beiden Bildern bei der Darstellung ein Leerzeichen, welches mir die gesamte Darstellung kaputt macht. Man sieht dieses Leerzeichen, wenn man die betreffende Stelle im IE z.B. markiert. Dieses Leerzeichen hat zur Folge, dass "Foto"+ZeilenumbruchLeerzeichen+"Logo" breiter als 825 Pixel ist, sodass anscheinend alle Browser nun umbrechen, sodass "Logo" nun unter "Foto" erscheint (Also quasi in einer neuen Zeile) und nicht mehr direkt daneben. Sehr ärgerlich!

Warum das so ist, wurde ja schon geklärt.

Wenn Du den Whitespace im Quelltext unbedingt erhalten willst, probier folgendes:
Gib dem div eine Monospace-Schrift - dies ist nötig, damit die Breite des Leerzeichens genau 1 em ist, um es dann mit einem word-spacing von -1em zu verstecken.

Alternative:
Setze den Whitespace in die Tags:
      <img src="bla" alt="bla"
     ><img src="blubb" alt="blubb">

oder
      <img src="bla" alt="bla"><!--
   --><img src="blubb" alt="blubb">

cu,
Andreas