Cyx23: Noch ein Layoutvorschlag

Beitrag lesen

Hallo Orlando,

Der Inhalt ist in der Breite auf 60em begrenzt (max-width:), im Internet Explorer auf 960 Pixel, was dem in etwa entspricht, jedenfalls auf meinem System.

am Bildschirm zwar gerne etwas breiter als bei Printmedien, aber irgendwo reichts mir, vielleicht bei 600px? Hängt natürlich von Schrift, Zeilenabstand usw. und auch etwas vom Inhalt ab.

Wie würdest du das lösen? Ich gestehe ja zu, dass ein simpler doppelter Rahmen kein ästhetischer Höhenflug ist, aber er ist im Hinblick auf die Einkerbungen der <h2>s angenehm einfach umzusetzen.

Ich würde Rahmen und Einkerbung komplett weglassen. Bei den anderen Beispielen a la leo-neu würde ich übrigens evtl. auch auf den unteren Rand vom content verzichten, die anderen Linien dort wirken m.E. strukturierend.

Tja, bei mir sind sie schön geglättet. Ich weiß um die Probleme mit kursiver Schrift, aber wenn sie geglättet wird, sieht sie verdammt gut aus.

Vielleicht ein jpg o.ä?

Findest du? Für mich sind sie eine optische Unterstreichung der Zwischenüberschriften (was nicht heißt, dass man sie nicht etwas dezenter umsetzen könnte).

(Rhameneffekte) Eine Zwischenüberschrift ist eine  Zwischenüberschrift und gut ists. Sicher, reiner Purismus kann auch mal fade wirken, aber trotzdem. Natürlich ist das auch ein Punkt den man mit dem endgültigen Inhalt nochmals prüfen könnte, allerdings bleibt noch das Problem dass diese Effekte nicht mit der Schriftgröße skalieren. Und die Frage nach dem Sinn auf Überschriften zusätzlich mit spitzem Pfeil zu zeigen und dabei noch das Dukument zu zerlegen (opt). Da muss doch hoffentlich nicht vom Inhalt abgelenkt werden?

Links fällt wegen der Verwendung von float: weg und sie oben anzuordnen halte ich für einfältig ;-)

Die Tragweite überschaue ich noch nicht ganz. Du hast eine bestimmte Reihenfolge wegen der womöglich besseren Barrierefreiehit und bei float:left rutscht was übereinander?

Welche Änderungen würdest du vornehmen? Eine kurze Beschreibung würde mir schon reichen.

Vielleicht komme ich morgen nochmal dazu.

und trotz der grossen Schrift ist font-style:italic; schon etwas gepixelt,

Tatsächlich? Das erstaunt mich dann doch.

Nun, das v von Initiative (normal) ist auch etwas pixelig, aber beim n von Surfing sind richtige Treppen, 4 schöne Stufen.

Warum nicht?

(Zugänglichkeit) Entwarnung, das war ein Fehler von mir, zwar die Bilder extra abgespeichert, aber im falschen Verzeichnis.

Wenn es keine Probleme im 4er gibt, von mir aus. Allerdings wird das erst interessant, wenn es einen 7er gibt.

(if lt IE 7) Nein, 4er-Probleme gibt es nicht. Und ich würde zukünftige unbekannte Browser von CSS-Hacks für spezielle Browser fernhalten. Auch beim IE.

Ja, unter anderem. Weiters werden einige Deklarationen für gute[tm] Browser in style.css mit den IE-nötigen Werten überschrieben.

Beim Beispiel Leo hat mir halt das sparsame Stylesheet gut gefallen.

Da ich mit expressions meist Nachteile erlebt habe, würde ich empfehlen bei einer Realisation mal unter Last/ mit Inhalt zu schauen ob die Aufbauzeit schlechter wird oder mal instabile Situationen nach dem  Ändern der Fenstergrösse auftreten.

Instabilitäten habe ich keine erlebt, nach Veränderung der Fenstergröße ist ggf. ein Reload nötig. Immerhin lässt sich die Fenstergröße fast uneingeschränkt verändern ...

Ich hab nochmal geschaut, der Seitenaufbau scheint jedenfalls nicht langsamer geworden zu sein

Grüsse

Cyx23

0 252

Initiative Safer Surfing

Cheatah
  • sonstiges
  1. 0
    Stefan B.
    1. 0
      Arx
      1. 0
        Cheatah
        1. 0
          Arx
          1. 0
            Matzberger Marcus
            1. 0
              Arx
              1. 0
                Matzberger Marcus
                1. 0
                  Arx
                  1. 0
                    Matzberger Marcus
            2. 0
              test
          2. 0
            Cheatah
        2. 0
          Matzberger Marcus
        3. 0
          Cheatah
          1. 0
            MudGuard
          2. 0
            Arx
            1. 0
              Cheatah
              1. 0
                Stefan B.
                1. 0
                  Arx
                2. 0
                  Cheatah
          3. 0
            Stefan B.
            1. 0
              Arx
              1. 0
                Stefan B.
            2. 0
              at
    2. 0
      Cheatah
      1. 0
        Stefan B.
      2. 0
        Thoralf Knuth
        1. 0

          Nachtrag: "Ich surfe sicher"

          Thoralf Knuth
      3. 0
        at
  2. 0
    Arx
  3. 0
    Matzberger Marcus
    1. 0
      Cyx23
      1. 0
        Thomas J.S.
        1. 0
          Cyx23
      2. 0
        asdf
    2. 0
      molily
      1. 0
        Matzberger Marcus
  4. 0
    Stefan B.
    1. 0
      LeoS
      1. 0
        Marc
        1. 0
          Cheatah
          1. 0
            LeoS
    2. 0
      Peetah
      1. 0
        Stefan B.
    3. 0
      Alexander Brock
  5. 0

    Initative für deutschen Namen :-)

    TomIRL
    1. 0
      Cheatah
    2. 0
      MudGuard
      1. 0
        Cheatah
      2. 0
        TomIRL
        1. 0
          MudGuard
          1. 0
            TomIRL
      3. 0
        Mathias Bigge
        1. 0
          MudGuard
      4. 0

        Geheimbund Internet Abzocke :-)

        Tom
    3. 0
      Andreas Walter
      1. 0
        Cheatah
      2. 0
        MudGuard
      3. 0
        Arx
        1. 0
          at
          1. 0
            Arx
        2. 0
          Tom
          1. 0
            MudGuard
            1. 0
              Tom
      4. 0
        Marc
        1. 0
          Cheatah
        2. 0
          Andreas Walter
          1. 0
            at
            1. 0
              Arx
              1. 0
                at
            2. 0
              Andreas Walter
              1. 0
                at
      5. 0
        TomIRL
        1. 0

          Initative für VERSTÄNDLICHEN Namen :-)

          Andreas Walter
          1. 0
            TomIRL
          2. 0
            at
    4. 0
      Elya
      1. 0
        Arx
        1. 0
          Cheatah
          1. 0
            Arx
            1. 0
              Elya
    5. 0

      Internet Selbstschutz Organisation == ISO

      Tom
  6. 0
    Tom
  7. 0
    der neue
    1. 0
      Cheatah
      1. 0
        der neue
      2. 0

        Initiative Akronym Gesucht

        Peetah
  8. 0
    Oliver_E
  9. 0

    Initiative zur Aufklärung über Risiken im Internet...

    Bio
    1. 0

      Ohne Moos nix los

      Tom
      1. 0

        Weltverbesserertum?

        Bio
        1. 0

          Träumer? Sicherheit kostet!

          Tom
          1. 0
            Bio
            1. 0
              Tom
              1. 0
                Bio
                1. 0
                  Tom
  10. 0
    Mathias Bigge
    1. 0
      Bio
      1. 0
        CurtB
        1. 0
          TomIRL
          1. 0
            CurtB
            1. 0
              Mathias Bigge
              1. 0
                CurtB
    2. 0
      Cheatah
      1. 0
        Mathias Bigge
        1. 0
          lulu
          1. 0
            Mathias Bigge
        2. 0
          Cheatah
          1. 0
            Mathias Bigge
            1. 0
              Cheatah
            2. 0
              at
              1. 0
                Cheatah
                1. 0
                  at
  11. 0
    Orlando
    1. 0
      Cheatah
      1. 0

        Wahl des Namens - bestehende Ansätze

        Mathias Bigge
      2. 0
        Orlando
  12. 0
    LeoS
    1. 0
      Cheatah
  13. 0
    Alexander Brock
    1. 0

      Vielleicht so?

      LeoS
      1. 0
        Alexander Brock
        1. 0
          LeoS
          1. 0
            Alexander Brock
            1. 0
              MudGuard
              1. 0
                Alexander Brock
          2. 0
            Alexander Brock
            1. 0
              LeoS
              1. 0
                Alexander Brock
    2. 0
      Tobias Kloth
      1. 0
        Alexander Brock
        1. 0
          LeoS
          1. 0
            Alexander Brock
            1. 0
              LeoS
              1. 0
                Alexander Brock
                1. 0
                  Alexander Brock
                2. 0
                  Cheatah
                  1. 0
                    Cheatah
                  2. 0
                    Alexander Brock
                    1. 0
                      Cheatah
                      1. 0
                        MudGuard
                      2. 0
                        Alexander Brock
                        1. 0
                          Cheatah
                          1. 0
                            LeoS
                            1. 0
                              Alexander Brock
                              1. 0
                                Cyx23
                                1. 0
                                  Alexander Brock
                                  1. 0
                                    LeoS
                                  2. 0
                                    Cxy23
                                    1. 0
                                      Alexander Brock
                            2. 0
                              Cheatah
                          2. 0
                            lulu
                            1. 0
                              Cheatah
                          3. 0
                            Alexander Brock
                  3. 0
                    Alexander Brock
                    1. 0
                      LeoS
                      1. 0
                        Alexander Brock
                    2. 0
                      Cheatah
                      1. 0
                        Alexander Brock
        2. 0
          Tobias Kloth
          1. 0
            Alexander Brock
    3. 0
      LeoS
      1. 0
        Andreas Schneider
        1. 0
          MudGuard
          1. 0
            LeoS
          2. 0
            Detlef G.
          3. 0
            Alexander Brock
            1. 0
              Alexander Brock
              1. 0
                MudGuard
                1. 0
                  Alexander Brock
              2. 0
                Andreas Schneider
                1. 0
                  Alexander Brock
                  1. 0
                    Andreas Schneider
                    1. 0
                      Alexander Brock
                      1. 0
                        LeoS
                        1. 0
                          Cyx23
                      2. 0
                        Andreas Schneider
                        1. 0
                          LeoS
                    2. 0
                      at
                      1. 0
                        Andreas Schneider
                      2. 0
                        Orlando
                        1. 0
                          at
                          1. 0

                            Mailingliste oder Forum?

                            Mathias Bigge
                            1. 0
                              at
                            2. 0
                              Orlando
                              1. 0
                                MudGuard
                                1. 0
                                  LeoS
                                  1. 0
                                    at
                                    1. 0
                                      Cyx23
                                      1. 0
                                        at
                                    2. 0
                                      Swen Wacker
                                      1. 0
                                        at
                                        1. 0
                                          Mathias Bigge
                                  2. 0
                                    Mathias Bigge
      2. 0
        Arx
        1. 0
          LeoS
          1. 0
            Arx
          2. 0

            Englischer Slogan

            Matzberger Marcus
        2. 0
          Alexander Brock
        3. 0
          LeoS
          1. 0

            peinlich..

            LeoS
            1. 0
              Arx
              1. 0
                Alexander Brock
                1. 0
                  MudGuard
                  1. 0
                    Alexander Brock
                2. 0
                  Arx
                  1. 0
                    Alexander Brock
                    1. 0
                      Ingo Turski
                    2. 0
                      Detlef G.
                      1. 0
                        Alexander Brock
                        1. 0

                          womit Favicon

                          Detlef G.
    4. 0

      Noch ein Layoutvorschlag

      Orlando
      1. 0
        Ingo Turski
        1. 0
          Orlando
          1. 0
            Ingo Turski
            1. 0
              Orlando
      2. 0
        LeoS
        1. 0
          Orlando
          1. 0
            MudGuard
            1. 0
              Orlando
              1. 0
                MudGuard
                1. 0
                  Orlando
                  1. 0
                    MudGuard
                    1. 0
                      Orlando
                  2. 0
                    MudGuard
      3. 0
        Cyx23
        1. 0
          at
          1. 0
            Cyx23
            1. 0
              at
              1. 0
                Cyx23
                1. 0
                  at
        2. 0
          Orlando
          1. 0
            MudGuard
          2. 0
            Cyx23
  14. 0
    Andreas Schneider
    1. 0
      Cheatah
  15. 0

    "Bitte melde Dich"

    Cheatah
    1. 0
      Ingo Turski
      1. 0
        Cheatah
        1. 0
          Ingo Turski
          1. 0
            Cheatah
    2. 0
      Siechfred
    3. 0
      Peetah
      1. 0
        at
      2. 0
        Cheatah
    4. 0
      Swen Wacker
    5. 0
      CurtB
      1. 0
        Cheatah
  16. 0
    Alexander Brock
    • zur info
  17. 0
    at
    1. 0

      Cache

      Alexander Brock
      • browser
  18. 0
    LeoS