Marc Reichelt: Definition von modern

Beitrag lesen

Hallo mediaplay,

Natürlich hatte ich ursprünglich vor die Seite , da ich sie ja eh komplett neu baue, eben im "modernen" Div Containern zu machen.

"Div Container" sind nicht modern.
Ich finde sie nahezu genauso schlimm wie Tabellen zum Layouten zu missbrauchen.

Aber glaube mir: Jeder hat mal klein angefangen. Die meisten hier werden wohl auch damals "Layout-Tabellen" verwendet haben, und CSS war wohl auch den wenigsten ein Begriff. Und doch haben sie mit der Zeit dazugelernt.
Tatsache ist, dass CSS eben erst einige Jahre nach HTML in Mode gekommen ist - und es ist unter anderem den damaligen Browserkriegen zu verdanken, dass CSS heute immer noch nicht gut genug von gewissen Browsern interpretiert wird.

Im Laufe der Jahre verändert sich die Web-Welt, und Methoden, die damals noch Gang und Gebe waren, sind allmählich aus der Mode gekommen.

Habe also ewig viele Internetseiten zu diesem Thema durchforstet, und die Erkenntnisse z.t. durch paste&copy, z.t. durch herumprobieren nach den Anweisungen (u.a. auch durch selfHTML) auf die Seite umzusetzen.

Hier solltest du beachten, dass unterschiedliche Internetseiten auch durch sehr unterschiedlichen Code produziert werden.
Die einen verwenden Tabellen, die anderen Frames, die anderen Divs, wieder andere verwenden Flash- oder JavaScript-Technologie oder sonst noch etwas.
Wenn du nun von unterschiedlichen Webseiten Code kopierst und deinen eigenen noch hinzufügst, hast du am Ende ein Sammelsurium aus unterschiedlichen Coding-Stilen und Webtechniken - das führt zu einer sinkenden Qualität.

Natürlich kann man von anderen Webseiten lernen, man sollte den Code aber immer selbst umsetzen. Das hat mehrere Vorteile:

  • einheitliche Coding-Richtlinien
  • besser lesbarer Code
  • höhere Kontrolle

Hier im Forum fragen oft Leute wie du nach, wie sie dies denn nun am Besten umsetzen, und begehen ab und zu eben auch Fehler und neigen zu Techniken, die technisch gesehen aus der Steinzeit stammen.
Wir weisen diese dann auf diese unschönen Dinge hin und darauf, wie man es besser machen kann. Unter anderem folgende Dinge:

  • HTML (insb. Tabellen etc.) nicht für das Layout missbrauchen - hierfür ist CSS da (dies gilt insbesondere für <font>-Tags etc., die dank CSS wahrlich der Vergangenheit angehören - das setzen nämlich alle wichtigen Browser korrekt um).
  • Frames und Popups nur dort einsetzen, wo sie sinnvoll sind (das ist seltener als man denkt, die Java API Doku ist ein sinnvolles Beispiel für Frames).
  • Auf korrekten, wohlgeformten und -formatierten HTML- und CSS-Code achten.
  • Nutzung von anderen Technologien (Flash, AJAX, Java) nur dort, wo diese sinnvoll sind.
  • Aktuelle Inhalte sind das wesentlichste einer Webseite.

Und diese Erfahrungen sind in jahrelanger Arbeit von unzähligen Web-Developern entstanden. Es ist also nicht weise, sie einfach aus dem Wind zu schlagen.

Drum entschied ich mich dann, divs nur noch wirklich da einzusetzen, wo es für mich Sinn macht.

<div>-Elemente sind meist sinnloser als man denkt. ;-)
Das Menü, dass du auf deiner Webseite hast, wäre mit einer Liste (<ol> oder <ul>) in wesentlich weniger HTML- und ein wenig CSS-Code zu erreichen. Übrigens sind die <div>-Elemente, die du in deinem Menü verwendest, auch fehl am Platz. Das geht wahrlich viel einfacher und kürzer.

der IE nervt hin und wieder... ;-)

Is bei mir genau umgedreht...der FF nervt mich, weil er nie das macht, was er soll, bzw immer nur mit großem Umstand. *löl*

Was aber daran liegt, dass Firefox deinen Code genau so interpretiert, wie du ihn geschrieben hast.
In dubio pro mozillam. :-)

(Nicht Falsch verstehen - mir geht der IE im täglichen Gebrauch schon sehr auf die Nerven, wegen der Abstürze, der Tatsache, daß er Links "vergisst" und sich auch bestimmte Einstellungen nicht merken will. Aber ich richte mich eben nunmal nach dem, was am meißten verbreitet ist. Ergo zieht bei mir persönlich der FF immer den kürzeren.
Wobei ich auch diesen in der Anwendung aber auch nicht besonders dolle finde.

Du orientierst dich mit dem IE 6 an einem 6 Jahre alten Browser. Das ist nicht ratsam - es gibt bereits den IE 7, der geringfügig besser ist. Übrigens hat Firefox mittlerweile in Europa eine sehr hohe Verbreitung von 38 %. Tendenz steigend.
Ein Testen mit dem IE 6 sorgt dafür, dass die meisten Besucher der letzten Jahre deine Webseite so betrachten können wie du das im Sinn hattest. Ein Testen mit Firefox könnte dir unter Umständen sogar helfen, dass dies auch die nächsten Jahre so bleibt.
Der IE 6 liegt im Sterben.

Und wenn du nun noch übst, HTML und CSS vernünftig im modernen und barrierefreihen Kontext einzusetzen, kannst du in Zukunft von deinen eigenen Erfahrungen zehren.

Grüße

Marc Reichelt || http://www.marcreichelt.de/

--
Linux is like a wigwam - no windows, no gates and an Apache inside!
Selfcode: ie:{ fl:| br:> va:} ls:< fo:} rl:( n4:( ss:) de:> js:| ch:? sh:| mo:) zu:)
0 264

CSS Anweisungen werden in bestimmten Bereichen völlig ignoriert

mediaplay
  • css
  1. 3
    wahsaga
    1. 0
      media-play
      1. 3
        Kai345
        1. 0
          mediaplay
        2. 0
          Christoph Schnauß
      2. 0
        Hopsel
      3. 3
        Gunnar Bittersmann
      4. 2
        wahsaga
        1. 0
          Christoph Schnauß
          1. 0
            mediaplay
            1. 0
              Christoph Schnauß
              1. 0
                media-play
                1. 1
                  Gunnar Bittersmann
            2. 1
              wahsaga
              1. 0
                mediaplay
                1. 0
                  wahsaga
                2. 4
                  Struppi
                  1. 0
                    mediaplay
                    1. 0
                      wahsaga
                      1. 0
                        mediaplay
                        1. 0
                          _david
                          1. 0
                            mediaplay
                            1. 0
                              Daniel
                    2. 4
                      Struppi
                      1. 0
                        mediaplay
                        1. 2
                          wahsaga
                          1. 0
                            mediaplay
                            1. 1
                              Daniel
                            2. 0
                              wahsaga
                              1. 0

                                Die Selfsekte

                                Hopsel
                                • menschelei
                        2. 0
                          Struppi
                        3. 2
                          Struppi
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              mediaplay
                              1. 0
                                Daniel
                                1. 0
                                  mediaplay
                                  1. 0
                                    Længlich
                                    1. 0
                                      mediaplay
                                      1. 0
                                        Der Martin
                                  2. 0
                                    Daniel
                                    1. 0
                                      mediaplay
                                      1. 0
                                        Daniel
                                        1. 0
                                          mediaplay
                                          1. 0
                                            Daniel
                                  3. 0
                                    Der Martin
                          2. 0
                            mediaplay
                            1. 1
                              Hopsel
                              1. 0
                                mediaplay
                                1. 0
                                  Hopsel
                                2. 0
                                  Kai345
                              2. 0
                                Daniel
                                1. 0
                                  mediaplay
                                  1. 0
                                    Længlich
                                    1. 0
                                      Daniel
                                      1. 0
                                        Længlich
                            2. 0
                              Gunnar Bittersmann
                              1. 0
                                mediaplay
                                1. 0
                                  Gunnar Bittersmann
                            3. 0
                              Struppi
                3. 0
                  Gunnar Bittersmann
      5. 0

        Das sehe ich auch so

        Peter
        • meinung
  2. 2
    Christoph Schnauß
    1. 0
      mediaplay
      1. 1
        Patrick Andrieu
      2. 0
        Gunnar Bittersmann
        1. 0
          mediaplay
          1. 0
            Christoph Schnauß
            1. 0
              mediaplay
          2. 0
            Kai345
          3. 0
            Gunnar Bittersmann
            1. 0
              Daniel
          4. 0
            Længlich
            1. 0
              Daniel Danzinger
              1. 0
                Længlich
                1. 0
                  wahsaga
          5. 0
            Daniel Danzinger
            1. 0
              Gunnar Bittersmann
          6. 0
            wahsaga
            1. 0
              mediaplay
              1. 0
                Siechfred
              2. 0
                wahsaga
                1. 0
                  Struppi
                  1. 0
                    wahsaga
                    1. 0
                      mediaplay
                      1. 0
                        Gunnar Bittersmann
                      2. 0
                        Sven Rautenberg
                        1. 0
                          mediaplay
                          1. 0
                            Længlich
                            1. 0
                              mediaplay
                              1. 0
                                wahsaga
                              2. 0
                                Længlich
                      3. 0
                        _david
                2. 0
                  mediaplay
                  1. 0
                    Siechfred
                  2. 2
                    wahsaga
                    1. 0
                      Sven Rautenberg
                      1. 0
                        mediaplay
                        1. 0
                          Sven Rautenberg
                          1. 0
                            mediaplay
                            1. 0
                              wahsaga
                    2. 0
                      mediaplay
                      1. 0
                        wahsaga
                      2. 0
                        Gunnar Bittersmann
                      3. 0
                        _david
          7. 0
            Daniel
      3. 0
        Orlando
        1. 0
          Christoph Schnauß
          1. 0
            mediaplay
          2. 0
            Orlando
            1. 0
              Christoph Schnauß
              1. 0
                Orlando
            2. 0
              Krueger
              1. 0
                mediaplay
                1. 0
                  Hopsel
      4. 0
        Struppi
  3. 0
    mediaplay
    1. 1
      Patrick Andrieu
  4. 2
    _david
  5. 0

    das *g* zum monatsende

    asdf
    • zur info
  6. 0

    Definition von modern

    Daniel
    1. 2
      mediaplay
      1. 0
        Længlich
        1. 0
          mediaplay
          1. 1
            Marc Reichelt
            1. 0
              mediaplay
              1. 1
                Orlando
                1. 0
                  Patrick Andrieu
                  1. 0
                    Orlando
                    1. 0
                      Patrick Andrieu
                      1. 0
                        Orlando
                      2. 0
                        at
                    2. 0
                      Gunnar Bittersmann
                  2. 0
                    Kai345
                    1. 0
                      Patrick Andrieu
                2. 0
                  mediaplay
                  1. 4
                    _david
                    1. 0
                      mediaplay
                      1. 0
                        Jörg Lorenz
                        1. 0
                          mediaplay
                          1. 0
                            Jörg Lorenz
                            1. 0
                              mediaplay
                              1. 0
                                Jörg Lorenz
                                1. 0
                                  mediaplay
                                  1. 0
                                    Jörg Lorenz
                                    1. 0
                                      mediaplay
                                      1. 0

                                        Flugzeuge

                                        Jörg Lorenz
                                        • menschelei
                                        1. 0
                                          Patrick Andrieu
                                          1. 0
                                            Jörg Lorenz
                                            1. 0
                                              Patrick Andrieu
                                              1. 0
                                                Jörg Lorenz
                                                1. 0
                                                  Patrick Andrieu
                                                  1. 0
                                                    Jörg Lorenz
                                                    1. 0
                                                      Patrick Andrieu
                                                      1. 0
                                                        Jörg Lorenz
                      2. 0
                        Der Martin
                        1. 0
                          mediaplay
                          1. 0
                            Benjamin Buxbaum
                            1. 0
                              Daniel
                              1. 0
                                mediaplay
                            2. 0
                              mediaplay
                              1. 0
                                Daniel
                                1. 0
                                  mediaplay
                                  1. 0
                                    Benjamin Buxbaum
                                    1. 0
                                      mediaplay
                                      1. 0
                                        Patrick257
                                        1. 0
                                          mediaplay
                              2. 0
                                Benjamin Buxbaum
                                1. 0
                                  Patrick Andrieu
                                2. 0
                                  mediaplay
                          2. 0
                            Daniel
                            1. 0
                              Daniel
                              1. 0
                                at
                                1. 0
                                  Daniel
                            2. 0
                              mediaplay
                              1. 0
                                Daniel
                              2. 0
                                Patrick Andrieu
                                1. 0
                                  media-play
                                  1. 0
                                    Patrick Andrieu
                                    1. 0
                                      mediaplay
                                      1. 0
                                        Patrick Andrieu
              2. 0
                Gunnar Bittersmann
                1. 0
                  mediaplay
                  1. 4
                    _david
                    1. 0
                      Patrick Andrieu
                    2. 0
                      mediaplay
                      1. 0
                        at
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            at
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                at
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    at
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        at
                          2. 0
                            mediaplay
                            1. 0
                              Gunnar Bittersmann
                  2. 0
                    Gunnar Bittersmann
                    1. 0
                      mediaplay
                      1. 0
                        Gunnar Bittersmann
                      2. 2

                        Kritikfähigkeit?

                        Marc Reichelt
                        • menschelei
                        1. 1
                          mediaplay
                          1. 0
                            Daniel
                            1. 0
                              mediaplay
                              1. 0
                                Daniel
                                1. 0
                                  mediaplay
                                  1. 0
                                    Daniel
                                    1. 0
                                      mediaplay
                                      1. 0
                                        Gunnar Bittersmann
                                      2. 1
                                        Daniel
                                        1. 0
                                          mediaplay
                                      3. 0
                                        wahsaga
                              2. 0
                                Gunnar Bittersmann
                                1. 0
                                  mediaplay
                                  1. 1
                                    Gunnar Bittersmann
                          2. 1
                            Gunnar Bittersmann
                            1. 0
                              mediaplay
                              1. 0
                                Daniel
                              2. 2
                                Marc Reichelt
                        2. 0
                          Schuer
                          1. 0
                            mediaplay
                    2. 0
                      Jörg Lorenz
                  3. 0
                    at
      2. 0
        Daniel
        1. 1
          mediaplay
        2. 6
          Schuer
          1. 0
            Gunnar Bittersmann
            1. 0
              Schuer
          2. 0
            mediaplay
        3. 1
          Siechfred
          1. 1
            Gunnar Bittersmann
            1. 1
              Siechfred
              1. 0
                mediaplay
              2. 0
                Gunnar Bittersmann
                1. 0
                  Siechfred
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Siechfred
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Siechfred
                          1. 0
                            Gunnar Bittersmann
            2. 0
              mediaplay
              1. 0
                Gunnar Bittersmann
                1. 0
                  mediaplay
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      mediaplay
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          mediaplay
                          1. 0
                            wahsaga
                            1. 0
                              mediaplay
          2. 0
            Der Martin
            1. 0
              mediaplay
              1. 0
                Daniel
                1. 0
                  mediaplay
                  1. 0
                    Daniel
                    1. 0
                      mediaplay
                      1. 0
                        Daniel
                  2. 0

                    Definition von modern (nachtrag)

                    Daniel
                    1. 0
                      mediaplay
                      1. 0
                        Daniel
          3. 0
            mediaplay
  7. 0
    Orlando
    1. 0
      Sven Rautenberg
      1. 0
        Orlando
  8. 1
    nils2