Abo
  • Services:

CSS3 Grid Layout: Webseiten-Layout wie bei Zeitungen

Insgesamt sind also sechs logische Spalten plus zwei Abstände definiert, wobei zwei Gitterspalten jeweils eine Textspalte ausmachen. Das Bild wird nun links an der vierten Gitterspalte und unterhalb der ersten Gitterreihe mit "float-offset" positioniert. Dabei orientiert sich die Positionierung an "float". "4gr" steht für vier Grid Units, wobei jede Gittereinheit sich durch den Abstand zwischen zwei Gitterlinien definiert, also die Abstandsangabe 0.5in unter grid-columns mitgezählt wird.

Stellenmarkt
  1. Schaeffler Technologies AG & Co. KG, Erlangen
  2. persona service Niederlassung Freiburg, Endingen

Die grobe Positionierung ist bereits mit %22float%22 möglich. Das Gitter erlaubt hingegen eine präzisere Positionierung von Elementen, die sonst unmöglich wäre, so der Working Draft. Gegenüber Tabellen besteht zudem der Vorteil, dass Änderungen am Layout recht einfach durchzuführen sein sollten.

Mit dem Grid Positioning Module zeigt sich zudem Microsofts Bemühen, an CSS3 aktiv mitzuarbeiten, so dass davon auszugehen ist, dass CSS3 in zukünftigen Versionen des Internet Explorers Einzug finden wird. Die Autoren des Arbeitsentwurfs Alex Mogilevsky und Markus Mielke sind beide für den Konzern aus Redmond tätig.

Da sich alle Empfehlungen für erweiterte Layouts noch im Entwurfsstadium befinden, ist die Benutzung der CSS3-Techniken in nächster Zeit noch nicht möglich. Das W3C empfiehlt die Nutzung von CSS3 erst ab dem Status einer Candidate Recommendation (CR). Vor diesem befindet sich jedoch erst der Last Call bzw. eventuell weitere Working Drafts. Das W3C verweist zudem auf die Media Queries, da das Grid Layout sich nicht unbedingt für jeden Fall eignet.

Die experimentelle Nutzung ist bei einigen Browsern vereinzelt vorher möglich. Die meisten Browser unterstützen etwa experimentelle CSS-Eigenschaften, die mit dem Präfix "-o-" für Opera, "-moz-" für Gecko oder "-webkit-" für Webkit-Browser versehen sind. Von der allgemeinen Nutzung ist jedoch abzuraten, da die Module noch geändert werden können und teilweise voneinander abhängig sind.

 CSS3 Grid Layout: Webseiten-Layout wie bei Zeitungen
  1.  
  2. 1
  3. 2


Anzeige
Top-Angebote
  1. 6,49€
  2. 219€ (Vergleichspreis 251€)
  3. 19,89€ inkl. Versand (Vergleichspreis ca. 30€)

datenimperator 13. Sep 2007

Soll denn die zu erwartende Realität der mangelhaften Implementierungen dazu führen...

keinname 13. Sep 2007

Grids, Canvas, StackPanels, DockPanels... funktioniert alles wunderbar. Auch das Styling...

LeVito 13. Sep 2007

Das war/ist auch meine größte Hoffnung, als ich die Meldung gelesen habe. Leider geht...

LeVito 13. Sep 2007

Tabellenlayout muss nicht sein. Auch, wenn su "quick & dirty" manches erstmal einfacher...

Laury 12. Sep 2007

und ganz Oben stehen die Content-Strukturalisten, für die es eigentlich nur Text gibt...


Folgen Sie uns
       


Nintendo E3 2018 Direct - Golem.de Live

Wir zeigen uns enttäuscht von fehlenden Infos zu Metroid 4, erfreut vom neuen Super Smash und entzückt vom neuen Fire Emblem.

Nintendo E3 2018 Direct - Golem.de Live Video aufrufen
Raumfahrt: Großbritannien will wieder in den Weltraum
Raumfahrt
Großbritannien will wieder in den Weltraum

Die Briten wollen eigene Raketen bauen und von Großbritannien aus starten. Ein Teil des Geldes dafür kommt auch von Investoren und staatlichen Investitionsfonds aus Deutschland.
Von Frank Wunderlich-Pfeiffer

  1. Esa Sonnensystemforschung ohne Plutonium
  2. Jaxa Japanische Sonde Hayabusa 2 erreicht den Asteroiden Ryugu
  3. Mission Horizons @Astro_Alex fliegt wieder

Garmin Fenix 5 Plus im Test: Mit Musik ins unbekannte Land
Garmin Fenix 5 Plus im Test
Mit Musik ins unbekannte Land

Kopfhörer ins Ohr und ab zum Joggen, Rad fahren oder zum nächsten Supermarkt spazieren - ohne Smartphone: Mit der Sport-Smartwatch Fenix 5 Plus von Garmin geht das. Beim Test haben wir uns zwar im Wegfindungsmodus verlaufen, sind von den sonstigen Navigationsoptionen aber begeistert.
Ein Test von Peter Steinlechner

  1. Garmin im Hands on Alle Fenix 5 Plus bieten Musik und Offlinenavigation

Raumfahrt: Boeing und SpaceX kämpfen mit dem Regulierungschaos der Nasa
Raumfahrt
Boeing und SpaceX kämpfen mit dem Regulierungschaos der Nasa

Die neuen Raumschiffe von Boeing und SpaceX verspäten sich und werden wohl erst 2020 mit Crew fliegen. Die Aufsichtsbehörde der US-Regierung sieht einen Teil der Schuld beim Chaos im Nasa-Management.
Von Frank Wunderlich-Pfeiffer

  1. Nasa-Teleskop Überambitioniert, überteuert und in dieser Form überflüssig
  2. Nasa Forscher entdecken Asteroiden, bevor er die Erde erreicht
  3. Nasa 2020 soll ein Helikopter zum Mars fliegen

    •  /