Jan H.: Vieleicht nochmal einen SELFHTML "Layoutwttbewerb"?

Beitrag lesen

Hallo Ingo,
Ja, das sieht doch wirklich klasse aus!
Die idee mit dem umbrechen der beiden floatenden boxen gefällt mir sehr.

In opera5 klebt die linke box am grauen rand, ein padding-left:..; in #spalte1{} schafft da abhilfe.

Für die anordnung/auszeichnung der links in den boxen hast du <p> elemente genommen, ich finde da ja listen passender, gibt es gründe warum es unbedingt <p> ist?

Für NN4 wird deine variante etwas komplizierter passend zu machen sein, will man ein ähnlich optisches aussehen haben.
Da du die inhaltsbereiche mehrfach ausgezeichnet werden, class:inhalt;, bekommt man ein problem mit dem linken randabstand und somit mit dem durchgehenden grauen linken balken.
Bei einem durchgehenden inhaltsbereich, wie ich es gemacht habe, hätte man das problem nicht, man müsste nur margin-left:..; auf null setzen und es wäre gut.
Die float anordnung der zwei boxen mit der übersicht müsste man sich wahrscheinlich in NN4 verkneifen, ich glaube da wird es probleme mit dem clear geben.

Was mir an deine konstruktion nicht gefällt sind die leeren hilfs <div> elemente, die nur dazu dienen andere elemente in "form" zu bringen.
Das widerstrebt mir und würde ich nur sehr ungern so einsetzen.

Aber alles in allem ist es doch recht klasse.

Gruss, Jan aus Dresden

0 110

CSS macht keinen Spass, Tabellen sind besser.

FrankieB
  • css
  1. 0
    Bio
    1. 0
      FrankieB
  2. 0
    Cheatah
    1. 0
      FrankieB
      1. 0
        Cheatah
        1. 0
          Cyx23
          1. 0
            at
            1. 0
              Cyx23
              1. 0
                at
    2. 0
      Stefan Muenz
      1. 0
        Struppi
        1. 0
          wahsaga
      2. 0
        Cheatah
      3. 0

        Vieleicht nochmal einen SELFHTML "Layoutwttbewerb"?

        JanH.
        1. 0
          Ingo Turski
          1. 0
            Stefan Muenz
            1. 0
              Ingo Turski
              1. 0
                Jan H.
            2. 0
              Kristof Lipfert
              1. 0
                Christian Kruse
                1. 0
                  Tim Tepaße
                2. 0
                  Ingo Turski
                3. 0
                  Kristof Lipfert
              2. 0
                Ingo Turski
              3. 0
                Tim Tepaße
                1. 0
                  Cyx23
                  1. 0
                    Tim Tepaße
                    1. 0
                      Cyx23
          2. 0
            Jan H.
            1. 0
              Ingo Turski
              1. 0
                molily
                1. 0
                  Cyx23
                2. 0
                  Ingo Turski
                  1. 0
                    molily
                    1. 0
                      Ingo Turski
                      1. 0
                        Cyx23
                        1. 0
                          Jan H.
                          1. 0
                            Cyx23
                            1. 0
                              Ingo Turski
                              1. 0
                                Cyx23
                                1. 0
                                  Ingo Turski
                                  1. 0
                                    Cyx23
                                    1. 0
                                      Cyx23
                                      1. 0
                                        molily
                                        1. 0
                                          Cyx23
                                          1. 0
                                            Ingo Turski
                                            1. 0
                                              Cyx23
                                              1. 0
                                                Ingo Turski
                        2. 0
                          Ingo Turski
                  2. 0
                    Thomas J.S.
                    1. 0
                      Ingo Turski
                      1. 0

                        Netscape 4 ist tot, es lebe Netscape 4?

                        Cyx23
                      2. 0
                        Thomas J.S.
                        1. 0

                          Nachtrag ...

                          Thomas J.S.
                        2. 0
                          Jan H.
                          1. 0
                            Thomas J.S.
                            1. 0
                              Cyx23
          3. 0
            Christian Seiler
            1. 0
              molily
              1. 0
                Christian Seiler
                1. 0
                  Tim Tepaße
                  1. 0
                    Christian Seiler
                2. 0
                  molily
                  1. 0
                    Christian Seiler
                    1. 0
                      molily
                3. 0
                  Cyx23
                  1. 0
                    Christian Seiler
                    1. 0
                      Cyx23
            2. 0
              Sven Rautenberg
              1. 0
                Cyx23
                1. 0
                  molily
                  1. 0
                    Cyx23
                    1. 0

                      Schriftgrößen-Rechenbeispiel / Ergonomie vs. Pixel-Diarrhoe

                      Orlando
                      1. 0
                        Cyx23
                        1. 0
                          Orlando
                          1. 0
                            Cyx23
                            1. 0
                              Orlando
                    2. 0
                      molily
                      1. 0
                        Cyx23
                        1. 0
                          molily
                          1. 0
                            Cyx23
                        2. 0
                          at
                          1. 0
                            Cyx23
                            1. 0
                              at
                2. 0
                  Tim Tepaße
              2. 0
                molily
            3. 0
              Ingo Turski
              1. 0
                Christian Seiler
        2. 0
          uepselon
          1. 0
            Jan H.
      4. 0

        CSS macht Spaß

        Orlando
        1. 0
          Jan H.
          1. 0
            Orlando
    3. 0
      benni
  3. 0
    Cyx23
    1. 0
      FrankieB
      1. 0
        Cyx23
        1. 0
          FrankieB
          1. 0
            Cheatah
          2. 0
            Ingo Turski
          3. 0
            Cyx23
  4. 0
    Chräcker Heller
    1. 0
      FrankieB
      1. 0
        Struppi
        1. 0
          Cyx23
  5. 0
    Frank Opper
  6. 0
    FrankieB
    1. 0
      Cyx23
    2. 0
      at