Auge: media queries staffeln

Beitrag lesen

Hallo

Und dann, wenn das ungestylte Markup soweit steht, baut man das Stylesheet dazu, das allen Elementen das gewünschte Aussehen und Layout verpasst.

@fozzyozzy

Um Martins Aussage zu ergänzen: Auf schmalen Ansichten (z.B. auf Smartphones) kann das Ergebnis der Gestaltung auch sein, dass die Tabellenzellen einer Zeile auch untereinander dargestellt werden, weil für alle Zellen nebeneinander einfach nicht genug Platz ist.

Mit etwas CSS-Magie wird aus:

|Platz|Verein|Spieltage|Tore|Punkte |---| |1|Holzbein Kiel|5|12:3|13 |2|GSG Sinnlos|5|10:3|10 |...

dieses:

|Platz: 1 |Verein: Holzbein Kiel |Spieltage: 5 |Tore: 12:3 |Punkte: 13 | | |Platz: 2 |Verein: GSG Sinnlos |Spieltage: 5 |Tore: 10:3 |Punkte: 10 | |...

Natürlich mit einer Formatierung, die die Datenzeilen besser voneinander unterscheidbar macht.

Das ist in der Tat ein nicht unerheblicher Lernaufwand. Es lohnt meiner Meinung nach aber, sich das anzutun. Auch und gerade dann, wenn man selbst ein öffentlich zugängliches Webangebot betreibt und administriert oder mit der Erstellung solcher Angebote für andere sein Lebensunterhalt bestreiten will.

Jedenfalls ist die Tatsache, dass eine Tabelle standardmäßig eine ganz bestimmte Darstellung in den Browsern hat, kein Grund, sie bei Bedarf nicht auch anders darzustellen.

Tschö, Auge

--
Wo wir Mängel selbst aufdecken, kann sich kein Gegner einnisten.
Wolfgang Schneidewind *prust*