Siechfred: Bitte um Testergebnisse und Kritik

Hallöle,

ich bräuchte mal eure geneigte Hilfe. Bitte schaut euch mal folgende Seite an:
http://www.siechfreds-welt.de/cgi-bin/arcview.pl?action=view

Ich hätte gerne ein paar Testergebnisse auf anderen Plattformen (Linux und Mac) und mit anderen Browsern als denen, die ich bisher benutzt habe. Getestet habe ich bisher unter WinXP und einer Bildschirmauflösung von 800*600 und 1024*768, jeweils mit Opera 7.03, Mozilla 1.3 und IE 6.0. Sogar Lynx 2.8.3 habe ich bemüht.

Wäre nett, wenn ihr mir eure Testergebnisse mitteilen könntet. Achja, ein paar Hinweise zur Seite an sich oder wie man etwas besser machen könnte wären auch ganz nett (ich kann mit Kritik umgehen ;-)).

Viele Grüße
Torsten

PS: Die CSS-Datei steht hier: http://www.siechfreds-welt.de/archiv.css

--
ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)
  1. Wenn es dir um die Kompatibilität geht, dann würde ich in deiner CSS Datei zwischen dem Attribut, dem ":" und dem Wert kein Space mchen. Einige alte Browser können das nichti nterpretieren. Schrieb also anstzatt text-align :left; text-align:left;
    Gruß
    Hanno

    1. Hallo Hanno,

      Wenn es dir um die Kompatibilität geht, dann würde ich in deiner CSS Datei zwischen dem Attribut, dem ":" und dem Wert kein Space mchen. Einige alte Browser können das nichti nterpretieren.

      Welche Browser genau können es nicht?

      Schrieb also anstzatt text-align :left; text-align:left;

      »text-align: left« und »text-align : left« sind folglich auch problematisch?

      Mathias

      1. Hallo molily,

        Ich habe eine kurze Zwischenfrage.

        »text-align: left« [...]

        ^
        Wo kriegst Du immer so schnell diese schönen quotes her? Gibt es dafür (unter Windows) eine Tastenkombination, oder hast Du Dir selbst eine dafür belegt (und wenn ja, wie?) oder arbeitest Du mit copy and paste?

        schö
        stefan

        1. Hallo stefan,

          »text-align: left« [...]
                              ^
          Wo kriegst Du immer so schnell diese schönen quotes her? Gibt es dafür (unter Windows) eine Tastenkombination, oder hast Du Dir selbst eine dafür belegt (und wenn ja, wie?) oder arbeitest Du mit copy and paste?

          </archiv/2002/11/30124/#m163246>

          Viele Grüße,
          Christian

          1. Hallo Christian,

            </archiv/2002/11/30124/#m163246>

            Danke bzw. »Danke« ;)

            schö
            stefan

          2. Hallo,

            </archiv/2002/11/30124/#m163246> [wohl eher #m163651]

            Nö, ich gebe Alt+0187 bzw. Alt+0171 ein. :)

            Mathias

            1. Hallo Mathias,

              Nö, ich gebe Alt+0187 bzw. Alt+0171 ein. :)

              Warum ist eigentlich noch keiner auf die Idee gekommen, eine Windows-Tastaturtabelle zu modifizieren? Die sind doch auch irgendwo dokumentiert.

              Viele Grüße,
              Christian

          3. Hallo Christian,

            bei mir geht das irgewndie nicht... weder AltGR+x/y oder Alt+175... Wie gebe ich das denn genau ein??

            merci
            Dave

            --
            sh:( fo:| ch:? rl:° br:> n4:( ie:{ mo:} va:) de:] zu:} fl:| ss:{ ls:& js:{
            Selfcode bei http://emmanuel.dammerer.at/selfcode.html
            1. Hallo Dave,

              bei mir geht das irgewndie nicht... weder AltGR+x/y oder Alt+175... Wie gebe ich das denn genau ein??

              Alttaste gedrückt halten und im Nummerblock 175 eingeben, dann Alttaste wieder loslassen. Ohne Nummernblock gehts bei mir nicht. Keine Ahnung, was das ASCII-technisch zu bedeuten hat. Vielleicht liegts daran, dass die nebeneinander liegenden Nummerntasten schon Alternativbelegungen haben. Auch die Unicode-Version ([pref:t=50951&m=279699]) funktioniert bei mir nicht ohne Nummernblock.

              Laptop-User sind klar im Nachteil ;)

              schö
              stefan

              --
              Ich bin kein Ignorant ~ und ich bin kein Idiot
  2. Hallo Torsten,

    ich bräuchte mal eure geneigte Hilfe. Bitte schaut euch mal folgende Seite an:
    http://www.siechfreds-welt.de/cgi-bin/arcview.pl?action=view

    Die Seite hat eine ganz großen Minuspunkt, das Scrollrad der Maus
    funktioniert nicht, finde ich äußerst ärgerlich. Abhilfe schafft
    die Lösung, wo nur der linke Bereich fixiert ist und die Über-
    schrift mit wegscrollt, also wie bei http://www.favicon.de/

    OK, die Überschrift kannst Du auch noch fixieren, finde ich aber
    nicht so wichtig.

    Viele Grüße,
    Stefan

    PS: Problem tritt in Mozilla 1.3 und Opera 7.10 auf.

    1. Hallo Stefan,

      Die Seite hat eine ganz großen Minuspunkt, das Scrollrad der Maus
      funktioniert nicht, finde ich äußerst ärgerlich.

      Jetzt wo du es sagst, das sind so die Kleinigkeiten, die einem nicht auffallen :(
      Allerdings würde ich ungern auf das (?) Content-DIV verzichten, wegen des Layouts. Gibt es irgend eine Möglichkeit, das Scrollrad dazu zu bewegen, den Inhalt des DIV zu scrollen?

      Viele Grüße
      Torsten

      --
      ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)
      1. ICh weiß nicht genau was du meinst, aber man kann einstellen
        overflow:scroll , wobei ich nicht weiß ob es das ist was du willst.
        Gruß
        Hanno

        1. Huch ich hab gradnich den Be2itrag von stefan gelesen, das is natürluich quatsch was ich da geschrieben hab ... sorry
          Gruß
          Hanno

      2. Hallo Torsten,

        Die Seite hat eine ganz großen Minuspunkt, das Scrollrad der Maus
        funktioniert nicht, finde ich äußerst ärgerlich.

        Allerdings würde ich ungern auf das (?) Content-DIV verzichten, wegen des Layouts. Gibt es irgend eine Möglichkeit, das Scrollrad dazu zu bewegen, den Inhalt des DIV zu scrollen?

        Afaik nein. Was ist daran so schlimm, wenn der Inhalt über den Scroll-
        balken am rechten Rand gescrollt wird, wie es bei den allermeisten
        Internetseiten der Fall ist?

        Wenn der Scrollbalken innerhalb der Seite sein soll, dann gibt es
        neben der jetztigen Variante noch die Möglichkeit eines Iframes,
        da kann man dann auch mit der Maus scrollen,
        siehe http://test.zzdd.de/beispiel1/

        Viele Grüße,
        Stefan

        PS: Noch ein Minuspunkt, von dem allerdings nur wenige Besucher etwas
            mitbekommen werden, die von Dir verwendete Tabelle ist, wenn man
            es nach semantischen Gesichtspunkten beurteilt, grober Unfug ;-)

        1. Hallo Stefan,

          Afaik nein. Was ist daran so schlimm, wenn der Inhalt über den Scroll-
          balken am rechten Rand gescrollt wird, wie es bei den allermeisten
          Internetseiten der Fall ist? [...]

          Schade, naja, ich werde mal über deine Vorschläge nachdenken.

          PS: Noch ein Minuspunkt, von dem allerdings nur wenige Besucher etwas
              mitbekommen werden, die von Dir verwendete Tabelle ist, wenn man
              es nach semantischen Gesichtspunkten beurteilt, grober Unfug ;-)

          Sch****, ich habe es gewusst, dabei erschien mir das mit der Tabelle so schön bequem :(

          Viele Grüße
          Torsten

          --
          ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)
          1. Hallo Torsten,

            PS: Noch ein Minuspunkt, von dem allerdings nur wenige Besucher etwas
                mitbekommen werden, die von Dir verwendete Tabelle ist, wenn man
                es nach semantischen Gesichtspunkten beurteilt, grober Unfug ;-)

            Sch****, ich habe es gewusst, dabei erschien mir das mit der Tabelle so schön bequem :(

            Warum findest du sie bequem? Ich fände folgendes viel bequemer:

            <div id="content">

            <h2>Albumname</h2>
            <p>Beschreibung</p>

            <h2>Albumname</h2>
            <p>Beschreibung</p>

            ...

            </div>

            Die CSS-Formatierungen sollten sich problemlos übertragen lassen.

            Die Suche könnte übrigens »case-insensitive« sein, also Groß- und Kleinschreibung nicht berücksichtigen.

            Mathias

            --
            Ein Mensch ist mehr als (.*[a-zA-Zäöü]{2,}.*_.*[a-zA-Z]{2,}.*_+<.*\w.*@{1}\w+.*.[a-zA-Z]{2,4}>)|(\w+@{1}\w+.*.[a-zA-Z]{2,4}_+(.*[a-zA-Zäöüäöü]{2,}.*_.*[a-zA-Zäöü]{2,}.*)) erfassen kann.
  3. Hallo Torsten,

    12 Pixel große Schrift bei in meinem Fall bis zu 115 Zeichen pro Zeile, Blocksatz, einem mickrigen Durchschuss und dem Standard-Zeichenabstand bei fünf bis zehn Zeilen pro Absatz ist alles andere als gut lesbar.
    Lockere den Text auf und begrenze die Absatzbreite.

    Mathias

    --
    Ein Mensch ist mehr als (.*[a-zA-Zäöü]{2,}.*_.*[a-zA-Z]{2,}.*_+<.*\w.*@{1}\w+.*.[a-zA-Z]{2,4}>)|(\w+@{1}\w+.*.[a-zA-Z]{2,4}_+(.*[a-zA-Zäöüäöü]{2,}.*_.*[a-zA-Zäöü]{2,}.*)) erfassen kann.
    1. Hallo Mathias,

      Lockere den Text auf und begrenze die Absatzbreite.

      Habe ich getan, auch die Hinweis mit h2 und p statt der Tabelle sowie der "case-insenitiven" Suche habe ich umgesetzt. Ich hoffe, dass es jetzt angenehmer zu lesen ist.

      Viele Grüße
      Torsten

      --
      Dieses Posting kommt ohne Garantie auf Vollständigkeit, Richtigkeit und Funktionalität. Geposteter Quelltext ist, soweit nicht anders angegeben, ungetestet.
      ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)
  4. Hallöle,

    ich bräuchte mal eure geneigte Hilfe. Bitte schaut euch mal folgende Seite an:
    http://www.siechfreds-welt.de/cgi-bin/arcview.pl?action=view

    Hallo Torsten,

    die Seite sieht mit Mozilla 1.0.2 unter Linux ok aus. Bildschirmauflösung ist 1280 x 1024. Das Scrollrad funktioniert nicht (hat ja Stefan schon festgestellt).

    Was mir noch aufgefallen ist: Wenn ich die Schriftgröße im Browser von 100 % (Originalgröße) auf 200% ändere, erscheinen horizontale und vertikale Scrollbalken beim div #searchform. Nach einer Änderung zurück auf 100% verschwindet der horizontale Balken; der vertikale Balken bleibt stehen.

    Das ist vielleicht auch eine Eigenheit von Mozilla ...

    Viele Grüße
    Frank

    1. Hallöle,

      die Seite sieht mit Mozilla 1.0.2 unter Linux ok aus. Bildschirmauflösung ist 1280 x 1024. Das Scrollrad funktioniert nicht (hat ja Stefan schon festgestellt).

      Da muss ich mir layouttechnisch noch 'ne Lösung einfallen lassen, die Hinweise von Stefan waren ja schon richtungsweisend.

      Was mir noch aufgefallen ist: Wenn ich die Schriftgröße im Browser von 100 % (Originalgröße) auf 200% ändere, erscheinen horizontale und vertikale Scrollbalken beim div #searchform. Nach einer Änderung zurück auf 100% verschwindet der horizontale Balken; der vertikale Balken bleibt stehen. Das ist vielleicht auch eine Eigenheit von Mozilla ...

      Habe es gerade ausprobiert, scheint wirklich am Mozilla zu liegen, Opera 7.03 zeigt es korrekt an, naja und dass der IE 6.0 sowieso macht, was er will und nicht was er soll, ist ja hinreichend bekannt. Übrigens, nach einem Reload der Seite ist der vertikale Scrollbalken dann auch wieder weg.

      Viele Grüße
      Torsten

      --
      ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)
    2. hi,

      Was mir noch aufgefallen ist: Wenn ich die Schriftgröße im Browser von 100 % (Originalgröße) auf 200% ändere, erscheinen horizontale und vertikale Scrollbalken beim div #searchform. Nach einer Änderung zurück auf 100% verschwindet der horizontale Balken; der vertikale Balken bleibt stehen.

      im ie5.0 unter win nt hat der such-bereich übrigens auch bei normaler schriftgrösse sowohl horizontale als auch vertikale scrollbalken.

      gruss,
      wahsaga

  5. Hallo Torsten,

    ich bräuchte mal eure geneigte Hilfe. Bitte schaut euch mal folgende Seite an:
    http://www.siechfreds-welt.de/cgi-bin/arcview.pl?action=view

    Du verwendest zwar <h2>, jedoch nicht <h1>. Das ist semantisch fragwürdig. Vor allem, da Du ja eine Seitenüberschrift in Form eines Logo-Banners inklusive alt-Text hast. Statt

    <div class="banner">
    <img src="../logo.gif" alt="Siechfreds Plattenarchiv" title="Siechfreds Plattenarchiv">
    </div>

    könntest Du doch einfach

    <h1 class="banner">
    <img src="../logo.gif" alt="Siechfreds Plattenarchiv" title="Siechfreds Plattenarchiv">
    </h1>

    schreiben bzw. die Klasse dann ganz weglassen und den Banner im CSS direkt über <h1> ansprechen.

    Ansonsten finde ich die Seite ganz hübsch. Zwei Sachen *stören* mich persönlich bzw. würde ich persönlich anders machen:
    Zum einen würde ich im Web ausser bei Links keine blaue Schrift (zumindest nicht im Dunstkreis von #00F) verwenden. Ich habe die Überschriften zunächst für Links gehalten (da das verlinken von Überschriften auch immer mehr in Mode kommt).
    Ausserdem finde ich, dass Texte auf strukturiertem Hintergrund immer mühsamer zu lesen sind als auf einfarbigem. Da das Lesen am Monitor ohnehin anstrengend ist und man daher dazu neigt, Texte nur zu überfliegen bzw. nicht zu ende zu lesen, würde ich einen einfarbigen Hintergrund vorziehen.

    Die 150% Zeilenhöhe gefallen mir gut, da sie das lesen um einiges erleichtern. Ich habe meine Seiten selbst vor kurzem darauf umgestellt.

    <meinung>
    Leichte Lesbarkeit von Fliesstexten ist ein wichtiger Aspekt im Netz, der bei der Layoutgestaltung IMHO sehr oft unterschätzt wird. Dies liegt vielleicht daran, dass man die zu gestaltenden Texte meist selbst geschrieben hat, und daher nicht gut beurteilen kann, wie flüssig sie sich beim ersten Mal lesen würden. Dies ist wird umso wichtiger, je länger der Text ist. Mir hat es geholfen, mein eigenes Leseverhalten im Netz zu beobachten.
    </meinung>

    Wie auch immer.

    schö
    stefan

    1. Hallo stefan,

      Du verwendest zwar <h2>, jedoch nicht <h1>. Das ist semantisch fragwürdig. Vor allem, da Du ja eine Seitenüberschrift in Form eines Logo-Banners inklusive alt-Text hast. [...]

      Ich denke, ich ändere einfach h2 in h1 (habe irgendwie nicht nachgedacht, nur nachgemacht ;-))

      Ansonsten finde ich die Seite ganz hübsch.

      Danke.

      Zum einen würde ich im Web ausser bei Links keine blaue Schrift (zumindest nicht im Dunstkreis von #00F) verwenden. Ich habe die Überschriften zunächst für Links gehalten (da das verlinken von Überschriften auch immer mehr in Mode kommt).

      Naja, sehe ich nicht ganz so dramatisch, da auf meinen Heimseiten Links generell unterstrichen sind, Überschriften dagegen nicht. Aber vielleicht finde ich eine angenehmere Farbe, mal schauen.

      Ausserdem finde ich, dass Texte auf strukturiertem Hintergrund immer mühsamer zu lesen sind als auf einfarbigem. Da das Lesen am Monitor ohnehin anstrengend ist und man daher dazu neigt, Texte nur zu überfliegen bzw. nicht zu ende zu lesen, würde ich einen einfarbigen Hintergrund vorziehen.

      Hm, ich habe da zwar keine Probleme, aber ich habe auch schon darüber nachgedacht, Hintergrundfarbe und Hintergundbild zu tauschen, mal sehen, wie das aussieht.

      Die 150% Zeilenhöhe gefallen mir gut, da sie das lesen um einiges erleichtern. Ich habe meine Seiten selbst vor kurzem darauf umgestellt.

      Jau, war ein Hinweis von molily.

      Viele Grüße
      Torsten

      --
      ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)
  6. N'abend,

    http://www.siechfreds-welt.de/cgi-bin/arcview.pl?action=view

    Vielen Dank an die, welche sich mein Machwerk angesehen und ihren Senf dazu gegeben haben. Nun schaut's zumindest in Moz, Opera und IE gleich aus und auch das Scrollrad der Maus hat seine Funktionalität wieder.

    Wenn sich jetzt vielleicht der Vollständigkeit halber noch ein Mac-Nutzer erbarmen würde, wären so ziemlich alle Plattformen abgegrast. Ach ja, und ich glaube, ein Konqueror war auch noch nicht dabei. Ich weiß, dass ich vielleicht ein wenig unverschämt bin, aber auch für Kritik in dieser Richtung bin ich immer offen :)

    Viele Grüße
    Torsten

    --
    ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)
    1. N'Abend,

      Ach ja, und ich glaube, ein Konqueror war auch noch nicht dabei.

      Mit dem Konqueror gibt es, soweit ich sehe, keinerlei Probleme (Nur, dass der Bereich, der als postition:fixed markiert wurde, immer neu gezeichnet wird, aber das hat nichts mit dir  zu tun).
      Was ich allgemein noch machen würde, wäre, dass man auch alphabetisch durch die Platten gehen kann. Ich denke das könnte ganz nützlich sein.

      Grüße Andres Freund

      PS: Du hast einen interessanten, und größtenteil auch guten, Musikgeschmack ;-)

      --
      ss:) zu:) ls:} fo:) de:] va:) ch:| n4:& rl:° br:^ js:( ie:% fl:( mo:|
      1. Guten Morgen,

        Mit dem Konqueror gibt es, soweit ich sehe, keinerlei Probleme

        Das freut mich :)

        Was ich allgemein noch machen würde, wäre, dass man auch alphabetisch durch die Platten gehen kann. Ich denke das könnte ganz nützlich sein.

        Das wäre ein "Feature", das auf der To-Do-Liste steht, wenn ich mal alle Scheiben in der DB habe, denn dann dürften es so um die 500 sein, sodass dann die Durchblätter-Funktion sicher hilfreich ist. Vielleicht erweitere ich auch die Suchfunktionen entsprechend, mal sehen.

        PS: Du hast einen interessanten, und größtenteil auch guten, Musikgeschmack ;-)

        Ich weiß ;-))

        Viele Grüße
        Torsten

        --
        ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)
    2. Hi,

      N'abend,

      http://www.siechfreds-welt.de/cgi-bin/arcview.pl?action=view

      Vielen Dank an die, welche sich mein Machwerk angesehen und ihren Senf dazu gegeben haben. Nun schaut's zumindest in Moz, Opera und IE gleich aus und auch das Scrollrad der Maus hat seine Funktionalität wieder.

      Naja. So richtig klappt es noch nicht.

      1. Das Album des _Tages_ sollte wohl eher Album des _Reloades_ heißen. Die Zufallsfunktion kann man doch bestimmt vom Datum abhängig machen.
      2. Klicke ich nach dem Laden der Seite einfach auf "Suchen", ist das Suchfeld (der Kasten links oben) plötzlich kürzer und hat eine Scrolleiste, sonst passiert nix.
      3. Noch ein Klick auf "Suchen" und alle Alben werden angezeigt, aber dann habe ich zwei Scrollbalken: einen im <div class="content"> und einen auf der Seite. Der erste ist eigentlich immer da, selbst wenn der Inhalt locker auf die Seite passen würde.
      (4.) Beim aller ersten Laden ser Seite hatte sogar die Überschrift einen Scrollballen. ISt dann aber nie wieder passiert.

      Ich hab mir die Seite mit Moz 1.1 angesehen. Kann sein, daß es mit >1.1 besser aussieht.

      Grüße,

      Ronny

      1. Guten Morgen,

        1. Das Album des _Tages_ sollte wohl eher Album des _Reloades_ heißen. Die Zufallsfunktion kann man doch bestimmt vom Datum abhängig machen.

        Kommt noch, aber danke für den Hinweis.

        1. Klicke ich nach dem Laden der Seite einfach auf "Suchen", ist das Suchfeld (der Kasten links oben) plötzlich kürzer und hat eine Scrolleiste, sonst passiert nix.

        Ich bin noch dabei, die Suchfunktionen ein wenig zu überarbeiten, wenn ich doch nur mehr Zeit für meine Hobbies hätte ;-)

        1. Noch ein Klick auf "Suchen" und alle Alben werden angezeigt, aber dann habe ich zwei Scrollbalken: einen im <div class="content"> und einen auf der Seite. Der erste ist eigentlich immer da, selbst wenn der Inhalt locker auf die Seite passen würde.
          (4.) Beim aller ersten Laden ser Seite hatte sogar die Überschrift einen Scrollballen. ISt dann aber nie wieder passiert.
          Ich hab mir die Seite mit Moz 1.1 angesehen. Kann sein, daß es mit >1.1 besser aussieht.

        Hmm, das scheint mir in der Tat ein Spezifikum von Mozilla 1.1 zu sein, in den anderen Browsern, mit denen ich getestet habe, gab es keine überflüsigen Scrollbalken, selbst der IE 5.5 hat sich zu einer vernünftigen Darstellung der Seite überreden lassen. Aber ich hoffe, dass die Funktionalität und Lesbarkeit der Seite durch die von dir beschriebenen Seltsamkeiten nicht gelitten hat.

        Viele Grüße
        Torsten

        --
        ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)