Mathias Bigge: Linktipp: Semantischer Code ist der Anfang von gutem Design

Beitrag lesen

Hi Sven,

Kunden wünschen sich keine Tabellen oder CSS-Layout, die wünschen sich das entworfene und in Photoshop hingemalte Design, und nichts anderes.

Exakt meine Erfahrung. Oder etwas, das sich an Printmaterialien des Unternehmens orientiert.

Tatsächlich habe ich in der Vergangenheit eigentlich noch kein Design erhalten, welches sich mit CSS und unter Vermeidung von Tabellen nicht umsetzen ließ.

Auch das stimmt wahrscheinlich. Die Frage ist, was schneller zu produzieren ist und was in nahezu allen Browsern problemlos funktioniert. Meiner Erfahrung nach ist gerade bei Firmenaufträgen durchuas mit alten Browsern zu rechnen, NT-Workstations mit IE 5.0 hatte ich kürzlich und irgendeine mittelprächtige Version von Netscape. Was ich auf jeden Fall vermeiden möchte sind Browserweichen, conditional commands und dergleichen mehr.

Wie gesagt: Dem Kunden ist die benutzte Technik vollkommen egal, solange das Ergebnis nur einigermaßen dem ähnlich sieht, was der Designer mal hingepinselt hat.

Noch drastischer formuliert: Der Kunde möchte nur solange etwas von der Technik unter der Haube wissen, bis er glaubt, dass man es schon richten wird. Jede Art von glaubensorientierter Debatte wäre ein guter Weg, sich zur persona non grata zu machen.

Außerdem lassen bestimmte Desingelemnte und Ihre Positionierung auf einer Seite nur 2 Möglichkeiten zu. 1. ablsoute Positionierung, oder aber Tabellen.
Sehe ich nicht so. Gewiß, für ganz harte Fälle setze ich auch ganz hart positionierte Elemente ein, aber trotzdem kann man auch mit position:absolute wunderbar fließend arbeiten, wenn man es nur richtig macht.

Als Hauptproblemfelder sehe ich Mehrspaltensatz, float-Konstrukte und einige andere Menü-Gimmicks, die mit CSS sehr viel eleganter zu lösen wären als mit gif-Buttons oder JS, aber eben nur sehr schwer browserübergreifend hinzubiegen sind.

Float korrekt umgesetzt wäre insbesondere für den IE mal ganz schön, der hat da eine Reihe sehr häßlicher Bugs, angefangen mit dem Guillotine-Bug, bei dem Text des normalen Elements unterhalb des floatenden Elements einfach abgeschnitten und versteckt wird.

Ein voll funktionierendes float wäre wirklich eine Bereicherung, durchaus auch fixe Menüelemente für anwendungsähnliche Projekte.

Viele Grüße
Mathias Bigge

8 96

Linktipp: Semantischer Code ist der Anfang von gutem Design

Schuer
  • zur info
  1. -3
    Mr. Java
    1. 0
      daniel84
  2. 0
    Thomas J.S.
    1. 0
      Schuer
  3. 0
    TomIRL
    1. 0
      Markus Pitha
      1. 0
        N2O
        1. 0
          TomIRL
          1. 0
            Ingo Turski
            1. 0
              TomIRL
              1. 0
                Ingo Turski
                1. 0
                  TomIRL
                  1. 0
                    Ingo Turski
                    1. 0
                      Mathias Bigge
                      1. 0
                        Ingo Turski
                        1. 0
                          Mathias Bigge
                          1. 0
                            Ingo Turski
                            1. 0
                              Mathias Bigge
                              1. 0
                                Schuer
                                1. 0
                                  Orlando
                                  1. 0
                                    Schuer
                                    1. 0
                                      Orlando
                                2. 0
                                  Mathias Bigge
                                  1. 0
                                    Orlando
                                    1. 0
                                      Schuer
                                  2. 0
                                    Detlef G.
                                    1. 0
                                      Mathias Bigge
                              2. 0
                                Ingo Turski
                  2. 0
                    Schuer
                    1. 0
                      Mathias Bigge
              2. 0
                Sven Rautenberg
                1. 0
                  Mathias Bigge
                  1. 0
                    Christian Kruse
                  2. 0
                    TomIRL
                    1. 0
                      Mathias Bigge
                  3. 0
                    Schuer
              3. 1
                Schuer
            2. 1
              Andreas Lindig
              1. 0
                Schuer
    2. 1
      Schuer
  4. 0
    Bio
    1. 0
      Schuer
  5. 5
    Stefan Muenz
    1. 0
      Christian Kruse
      1. 0
        wahsaga
    2. 1
      Mathias Bigge
    3. 0
      Schuer
  6. 0
    Christoph Zurnieden
    1. 0
      Gunnar Bittersmann
      1. 0
        Mathias Bigge
        1. 0
          Gunnar Bittersmann
  7. 0
    Mathias Bigge
    1. 0
      Schuer
  8. 0
    Michel
    1. 0
      Stefan Muenz
      1. 1
        TomIRL
        1. 0
          Christoph Zurnieden
      2. 0
        Mathias Bigge
    2. 0
      Schuer
    3. 0
      Tim Tepaße
      1. 0
        Schuer
        1. 0
          Tim Tepaße
  9. 0
    Chräcker Heller
    1. 0
      Gunnar Bittersmann
      1. 0
        Chräcker Heller
        1. 0
          Gunnar Bittersmann
          1. 0
            Chräcker Heller
            1. 0
              Gunnar Bittersmann
              1. 0
                Mathias Bigge
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Mathias Bigge
              2. 0
                Chräcker Heller
                1. 0
                  Daniel Thoma
                2. 1
                  Gunnar Bittersmann
                  1. 0
                    Chräcker Heller
            2. 0
              molily
              1. 0
                Chräcker Heller
                1. 0
                  Orlando
                  1. 0
                    Chräcker Heller
                    1. 0
                      Orlando
                      1. 0
                        Tim Tepaße
                      2. 0
                        Chräcker Heller
      2. 0
        Orlando
        1. 0
          Schuer
      3. 0
        TomIRL
    2. 0
      Schuer
      1. 0
        Chräcker Heller
      2. 0
        Mathias Bigge
        1. 0
          Daniel Thoma
        2. 0
          Schuer
          1. 0
            Mathias Bigge
            1. 0
              Schuer
    3. 1
      molily
      1. 0
        Chräcker Heller
        1. 0
          Schuer