Navigieren auf BG Bern Demonstrationswebsite

Benutzerspezifische Werkzeuge

Inhalts Navigation

Raster: Spalten

Vorbemerkung

Die Gesamtbreite der Seite und die Aufteilung bezüglich "Menuspalte" Links, "Inhaltsbereich" Mitte und optionale Kästchen Rechts lassen sich natürlich frei definieren.

Spalte über ganze Breite

Beispiel für eine "Einerspalte" die die ganze Breite des Inhaltsbereichs ausfüllt.

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Zweier Spalte 1 (2/3)

Die Zweier-Spalte kann je 50 % der verfügbaren Breite einnehmen oder 25 : 75 % oder im sogenannten "Goldenen Schnitt" aufgeteilt werden

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Zweier Spalte 2 (1/3)

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Zweier Spalte 1 (75%)

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Zweier Spalte 2 (25%)

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Dreier Spalte 1 (50%)

Auch bei der Dreierspalte gibt es verschiedene Aufteilungen

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Dreier Spalte 2 (25%)

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Dreier Spalte 3 (25%)

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Vierer Spalte 1

Bei der Viererspalte wird gleichmässig aufgeteilt

Vierer Spalte 2

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Vierer Spalte 3

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Vierer Spalte 4

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Vierer Spalte 4

Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Sed a libero. Pellentesque posuere. Fusce vel dui. Aenean ut eros et nisl sagittis vestibulum.

Weitere Informationen.

static portlet

Fusce fermentum. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Aenean massa. Praesent ac massa at ligula laoreet iaculis.

Fusszeile