Der Korsti bloggt über Web, Design und Webdesign

Perfekte mehrspaltige Layouts mit CSS (iPhone kompatibel)

Perfekte mehrspaltige Layouts mit CSS

Ein perfektes CSS-Layout, das sowohl im iPhone als auch in allen gängigen Browsern richtig angezeigt wird – wer will das nicht? Matthew James Taylor kann es, und lässt andere Webdesigner dran teilhaben. Sieben verschiedene CSS-Layouts stehen zum Download bereit. Laut Beschreibung trifft folgendes auf sie zu:

  • Keine CSS-Hacks
  • iPhone und iPod Touch kompatibel
  • Suchmaschinenfreundlich
  • Durchgängige Spalten-Hintergrundfarben
  • Kein Gebrauch von Bildern
  • Kein Gebrauch von JavaScript
  • Der Text kann problemlos vergrößert und verkleinert werden
  • Die Spalten können auch gestapelt und frei angeordnet werden
  • kostenlos für jeden

Das hört sich doch gut an – also: Nix wie hin!

Link: Perfect multi-column CSS liquid layouts

18. Juni 2008, 12.37 Uhr Kommentar schreiben Trackback
, , ,

4 Reaktionen zu “Perfekte mehrspaltige Layouts mit CSS (iPhone kompatibel)”

Kommentare

  1. Oliver Oliver am 18. Juni 2008 um 13.55 Uhr # Reply to this comment

    Viel wichtiger: sind sie auch IE kompatibel ;)


  2. Marcel Marcel am 18. Juni 2008 um 14.27 Uhr # Reply to this comment

    Und das ist schon viel wert ;-)


  3. Webstandard-Team Webstandard-Team am 19. Juni 2008 um 12.45 Uhr # Reply to this comment

    Kein Gebrauch von Bildern – damit wird man auf Dauer keine Leser hinter dem Ofen vorlocken. Ohne jegliches Layout nur mit einem iPhone ziemlich langweilig. Nur Text ;o( Solche Layout-Gerüst zu erstellen ist immer noch recht einfach. Die »Kunst« ist es, ein solches »Gerüst« mit allen anderen Komponenten weitestgehend verbinden zu können.


  4. Marcel Marcel am 19. Juni 2008 um 13.12 Uhr # Reply to this comment

    Webstandard-Team: Mit »kein Gebrauch von Bildern« ist gemeint, dass das Layout keine Bilder braucht, um richtig angezeigt zu werden. Also keine abgerundeten Ecken mithilfe von Bildern oder Hintergründen. Es werden folglich keine Grafiken benötigt, damit das Layout »funktioniert«.

    Natürlich heißt das nicht, dass Bilder »verboten« sind.