Eine dritte Spalte zufügen
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Das zweispaltige Layout aus Ein einfaches CSS-Layout sieht großartig aus! Vielleicht stellen Sie jedoch fest, dass es für das Projekt noch zusätzliche Informationen gibt, die Sie gerne in einer dritten Spalte unterbringen möchten, so wie es in der folgenden Abbildung gezeigt wird.
Abbildung: Der Entwurf des dreispaltigen Layouts.
Unter Die Seitenleiste neu positionieren habe ich Ihnen gezeigt, wie die Seitenleiste von der rechten auf die linke Seite verschoben wird. Wir haben einfach auf der linken Seite einen Außenrand definiert, der breit genug war, die Seitenleiste aufzunehmen, die Seitenleiste dort hinein positioniert und den Außenrand auf der rechten Seite entfernt. Wir können die neue dritte Spalte mit genau derselben Technik einpassen. Das schauen wir uns jetzt genauer an.
| << zurück | vor >> |
| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg