Matzberger Marcus: Neues Outfit - Bitte um Browsertest

Hallo,
ich habe für die Seiten meiner Pfarrei ein neues Outfit erstellt. Getestet habe ich mit Opera 7.22, Mozilla 1.0 und IE 5.5. Sie stellen es ganz gut dar. Könnten es bitte ein paar Leute mit anderen Browsern anschauen, ob es Fehler in der Anzeige gibt?
Ich bin auch für jeden Verbesserungsvorschlag dankbar.
http://swolfgang.de/test
Die Links auf der Seite funktionieren noch nicht.

Leider stimmt der Schattenübergang zwischen dem Menü links und der Unterseite des Inhalts nicht, aber IE verweigert negative margins und eine andere Lösung habe ich nicht.
Außerdem gibts Probleme, wenn man die Schrift größer stellt (Mozilla  150%, IE 'größer'). Dafür will ich aber für Sehschwache ein eigenes Design anbieten (dauert aber noch)

Danke für die Hilfe an molily [pref:t=70096&m=403488] für den Tipp mit den Links als display: block und Gunther [pref:t=70096&m=403465] für die elegante Lösung des 'nervigen' Effekts.

Grüße
Marcus

  1. Moin!

    Wow!

    Mozilla 1,6b: sieht gut aus :)
    IE 6: sieht gut aus.
    Opera 7.23: dto.
    Konqueror 3.4.1 (Suse, KDE) sieht gut aus.
    Galeon 1.3.7 (Mozilla für Gnome) sieht gut aus.

    (Alles unter Windows)

    MFFG (Mit freundlich- friedfertigem Grinsen)

    fastix®

    --
    Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
    1. Hallo,
      danke, das ging ja fix.
      da kann ich ja jetzt beruhigt schlafen gehen.

      Grüße
      Marcus

      P.S.: Mein Problem mit diesem Forum ist, dass ich normalerweise versuche in jedem Forum, an das ich Fragen stelle, mindestens genausoviele Fragen zu beantworten. Nur mit dem selfforum geht das nicht, denn wenn ich etwas lese wozu ich was weiß hat schon ein anderer das Problem gelöst ;-)

      1. Hi Matzberger Marcus,

        IE 5.0 Win auch OK.

        Viele Grüße
        Mathias Bigge

      2. Moin!

        P.S.: Mein Problem mit diesem Forum ist, dass ich normalerweise versuche in jedem Forum, an das ich Fragen stelle, mindestens genausoviele Fragen zu beantworten. Nur mit dem selfforum geht das nicht, denn wenn ich etwas lese wozu ich was weiß hat schon ein anderer das Problem gelöst ;-)

        Ja... hier muss man fürchterlich schnell sein :)

        Aber Du kannst Dir ja mal (eine) meine(r) Seite(n) mit Deinen antiken (hihi- spo alt sind die gar nicht...) Browsern ansehen (Ich meine den IE 5.5)

        Ich will nur wissen .... Geht ---- geht nicht :)

        MFFG (Mit freundlich- friedfertigem Grinsen)

        fastix®

        --
        Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
  2. hej,

    ich hätte hingegen ne kleinigkeit: die weiße hoover-box über "Suche" fällt etwas zu weit nach links und überdeckt teilweise das "r" von "Webmaster". Die hoover-box von "Webmaster" is hingegen genau um diesen abstand nach rechts abgeschnitten.

    verwende den aktuellsten Mozilla 1.6 unter Windows xp pro.

    aber, as is said, nur ne kleinigkeit, mir gefällt die seite und das design ziemlich gut. hab mich mal selber als zivi an nen internetauftritt einer kirchengemeinde (meine ehemalige dienststelle) ran gemacht. das ergebnis, welches sich seit meiner entlassung aus dem dienst vor 4 jahren nicht mehr geändert hat, is mir jedoch so peinlich, dass ichs gar nich verlinken mag.

    viele grüße
    i.

  3. Hallo,

    Leider stimmt der Schattenübergang zwischen dem Menü links und der
    Unterseite des Inhalts nicht, aber IE verweigert negative margins
    und eine andere Lösung habe ich nicht.

    Mist, habe ich zu spät gelesen, da hätte ich mir diese Collage ja sparen können ,-) Aber fürs Archiv ist mir nix zu schad....

    <img src="http://www.chraecker.de/forum/2712004.gif" border="0" alt="">

    Wenn Du diesen Schattenwurf "also" nicht per margin-geschiebe hinbekommst, bietet sich noch ein "frei platzierendes" Mutterdiv "um alles herum" an, in dem Du wiederum die beiden Divbereiche Menü und Inhalt fest und pixelgenau positioniert. (Also die koordinaten orientieren sich am mitfliessendem Mutterdiv....) Denn diese beiden Bereiche sollen doch eh immer "zueinander" an der gleichen Stelle stehen, oder?

    Wenn Du das aber aus unerfindlichen Gründen nicht so machen möchtest, dann würde ich zwingend dazu raten, den Schatten durch einen ein-Pixel breiten Minischatten zu ersetzen oder ganz zu streichen. So ist es einfach schlecht und zerstört fast auf Anhieb den ansonsten (jetzt kommts) sehr guten Eindruck ,-)

    Witzig, dieser Hintergrundton gehört zur Zeit auch zu meinen lieblings genutzten Tönen....

    Und jetzt noch eins auf die virtuelle Mütze: Du hast auf der Seite zuviele Menüs. Eindeutig zu viele. Und dann überschneiden die sich auch noch. Da haben wir das Haubtmenü, das ist gerade noch als Linkliste zu erkennen. Allerdings gleich an dieser Stelle angemerkt: die Gedankenleistung, das das dann wohl Links im Haubtmenü sind und in der Mitte im Fließtext das also auch Links sind, den macht man nicht so schnell. Will sagen: obwohl Du die Links in der Mitte genauso formatiert hast wie im Menü, sind sie als solches nicht sofort erfaßbar.

    Dann hast Du rechts noch eins dieser Submenüs, für alles, was man mangelns Können im Haubtmenü nicht unterbringen konnte, aber man meint, das es super wichtig ist. Und das selbige findet man nochmal unterm Inhaltsbereich, nur in leicht variierter Form. Und dann habe ich im Inhaltsbereich auch noch Links, die ein Art "wie-wäre-es-zu-Anfang-hiermit-Menü" bezeichnen würde.... Eindeutig zu viel. Da würde ich stark straffen.

    Ansonsten: sehr schön!

    Chräcker

    1. Hallo Chräcker,
      Danke für das Lob ;-)

      Wenn Du diesen Schattenwurf "also" nicht per margin-geschiebe hinbekommst, bietet sich noch ein "frei platzierendes" Mutterdiv "um alles herum" an, in dem Du wiederum die beiden Divbereiche Menü und Inhalt fest und pixelgenau positioniert. (Also die koordinaten orientieren sich am mitfliessendem Mutterdiv....) Denn diese beiden Bereiche sollen doch eh immer "zueinander" an der gleichen Stelle stehen, oder?

      Mein Problem: Der Mittelteil ist in der Höhe flexibel, wie kann ich also ein Bild hier fest positionieren. Es müsste ja relativ zum Ende des Mittelteils positioniert sein.
      Vielleicht geht es, wenn ich im Fußteil, der den unteren Schatten als Hintergrund enthält ein Element einbaue und daran das Bild verankere. Ich werds mal ausprobieren
      Dein Schatten gefällt mir übrigens besser als meiner, sieht eleganter aus. Wäre auch noch eine Verbesserung wert.

      Und jetzt noch eins auf die virtuelle Mütze: Du hast auf der Seite zuviele Menüs. Eindeutig zu viele. Und dann überschneiden die sich auch noch. Da haben wir das Haubtmenü, das ist gerade noch als Linkliste zu erkennen. Allerdings gleich an dieser Stelle angemerkt: die Gedankenleistung, das das dann wohl Links im Haubtmenü sind und in der Mitte im Fließtext das also auch Links sind, den macht man nicht so schnell. Will sagen: obwohl Du die Links in der Mitte genauso formatiert hast wie im Menü, sind sie als solches nicht sofort erfaßbar.

      Dann hast Du rechts noch eins dieser Submenüs, für alles, was man mangelns Können im Haubtmenü nicht unterbringen konnte, aber man meint, das es super wichtig ist. Und das selbige findet man nochmal unterm Inhaltsbereich, nur in leicht variierter Form. Und dann habe ich im Inhaltsbereich auch noch Links, die ein Art "wie-wäre-es-zu-Anfang-hiermit-Menü" bezeichnen würde.... Eindeutig zu viel. Da würde ich stark straffen.

      Nun es ist eigentlich als 3-spaltiges Layout gedacht: Das rechte Menü bleibt immer gleich ebenso wie die Fußzeile, das linke ändert sich je nach Kontext (Daher auf der Startseite die Überschneidung der Inhalte) siehe jetziges Layout http://swolfgang.de/index.shtml.
      In der Mitte soll es eigentlich nur auf der Startseite eine Sammlung von Links geben. Du hast aber recht, die Aufmachung könnte man auch besser machen, indem man immer kurz dazuschreibt, was eigentlich hinter dem Link steht und es nicht als Liste formatieren.

      Grüße
      Marcus

      1. Hallo,

        Mein Problem: Der Mittelteil ist in der Höhe flexibel,

        ah ja, logisch, dann geht das natürlich nicht, da habe ich geschlafen ;-) - Dann würde ich einen ein-Pixel breiten "Schatten" nehmen, denn alles andere geht eben nur mit pixelgenau positionierten Bildern, auch mein weicherer Schatten....

        Mit viel Trickserei geht es natürlich auch, in dem man noch reine Schatten darstellende divs einführt, die per CSS auf halbtransparent geschaltet wurden, aber ob dieser Aufwand nun lohnt? Und so richtig sauber ist es auch nicht, geschweige denn Browserübergreifend und schon gar nicht im Sinne einer sauberen inneren Struktur. (Was schreibe ich denn da? ;-))))

        Bei den menüs ist es auch das Problem, das Du auf der Startseite vier Stück anbietest. (Denn ich zähle den Link-aufführenden Text in der Mitte als "entscheiden-Sie-sich-Fläche" mit...) Das empfinde ich als Einstiegsseite etwas viel, zumal der Zusammenhang und der Unterschied der einzelnden Wählen-Sie-was-Bereiche nicht sofort einleuchtet.

        Jetzt jeden Punkt noch weiter zu erklären ändert an diesem, von mir so empfundenen, Problem nichts. Weniger wäre hier einfach mehr....

        Chräcker

        1. Hallo,

          ... - Dann würde ich einen ein-Pixel breiten "Schatten" nehmen, denn alles andere geht eben nur mit pixelgenau positionierten Bildern, auch mein weicherer Schatten....

          Hab ich jetzt gemacht, eine einfache Lösung und sieht tatsächlich besser aus

          Bei den menüs ist es auch das Problem, das Du auf der Startseite vier Stück anbietest. (Denn ich zähle den Link-aufführenden Text in der Mitte als "entscheiden-Sie-sich-Fläche" mit...) Das empfinde ich als Einstiegsseite etwas viel, zumal der Zusammenhang und der Unterschied der einzelnden Wählen-Sie-was-Bereiche nicht sofort einleuchtet.

          Wie ich das mit den 4 Menüs löse weiß ich noch nicht. Vielleicht lege ich das untere noch nach rechts oder links, wobei es rechts auf den Unterseiten nicht passt und links es dann fast zu viele werden.

          Grüße
          Marcus