www.stegpc.ch: Hässlicher Balken statt Zeilenumbruch

  • Hallo zusammen

    Wenn man bei einer Produkte-Seite (z.B. hier) vom online-shop StegPC mit der Maus auf die Wörter "Yes" klickt in der Spalte "Stock" (zweite Spalte von rechts), dann sollte ersichtlich sein, wieviele Stück von einem Produkt in welcher Filiale erhältlich sind. Im Internet Explorer 6.0 inkl. SP 1 werden die Orte übersichtlich und untereinander dargestellt, im Browser Mozilla Firefox 0.8 dt. ist alles in einer Zeile und statt einem Zeilenumbruch kommt so ein schwarzer Balken. Woran liegt der Fehler?

    1. Hat StegPC die Website nicht nach der W3C-Norm aufgebaut?
    Der Quellcode sieht schon seltsam aus:

    Code
    <p title="Littau: 15
    Manno: 0
    Dietikon : 0
    Basel: 0
    Lausanne: 0
    Sion: 0
    Visp: 0">Yes</p>


    --> & # 1 0 ; <-- soll wohl einen Zeilenumbruch erzwingen. Würde die Darstellung korrekt aussehen, wenn der <br>-Tag verwendet wird?

  • Das "& # 1 0 ;" ist ein regulärer umbruch, wie mit Enter/Return gemacht. Wird im HTML aber nicht interpretiert. Mozilla zeigt im tooltipp dann ein "sonderzeichensymbol" an.

    IE unterstützt im Tooltipp diesen umbruch, Mozilla nicht. Da sind tooltips mit umbruch nicht möglich.

    Innerhalb eines attributs (z.B. title="") ist kein html erlaubt. ein <p title="lalala<br>lalala">dings</p> wäre also nicht erlaubt. aus einem ganz einfachen grund: die spitze klammer am ende des br's würde den p-tag beenden:

    <p title="lalala<br>lalala">lalalala</p> (rot sind dann tags und schwarz würde angezeigt)

    Das Title-Attribut ist übrigends fast überall erlaubt, daher ok.