Layout per HTML + CSS umsetzbar?
Hallo,
ich möchte folgendes Seitenlayout bauen: http://www.bilder-space.de/show_img....png&size=thumb Die Seite besteht aus drei Bereichen, alle sollen auf der Oberfläche fixiert bleiben. Der Header und Col #2 wachsen flexibel bis zur definierten Maximalbreite an. Col #1 besitzt eine fixe Breite. Falls viele Seiteninhalte vorhanden sind, bieten Col #1 und #2 eine vertikale Scrollbar an. Kann mir jemand sagen, ob sich dieses Layout ohne JavaScript nur auf der Basis von HTML und CSS umsetzen lässt? Ich würde meine CSS-Kenntnisse als gut durchschnittlich bezeichnen. Leider habe ich im Bereich flexible Layouts nur wenig Erfahrung. Ach ja, der Google Reader hat den gleichen Seitenaufbau. Allerdings wird dort JS eingesetzt. Ich sage schon einmal Danke, Grüße |
Zitat:
Ach, du willst auch noch ein paar Tipps? ;) Zitat:
Dass sich ein (Block-)Element der Breite des Elternelements anpasst ist Standard (das solltest du wissen). Das feststehende Verhalten der anderen Elemente erinnert zu sehr an Frames. Aber wenns denn sein muss... HTML-Code:
<!DOCTYPE html>
|
Hey gato,
vielen Dank für deine Mühe! Das funktioniert super und scheint auch in älteren Browsern keine Probleme zu machen. Ich habe die Hausaufgaben gemacht - sie waren eigentlich gar nicht so schwer... ;) Ich frage mich allerdings trotzdem, wie stabil diese Lösung ist. Warum setzen viele Webanwendungen, welche die gleiche Seitenstruktur nutzen (bspw. der bereits erwähnte Google Reader, diverse Groupware-Lösungen), nicht diese Variante ohne JavaScript ein? Bei der Analyse des Codes einiger Seiten fiel mir auf, dass die Anpassungen an den Viewport immer mit JS gemacht wurden. Warum? Zum Stichwort mobile Geräte: Das ist momentan noch kein Thema. Falls es eines wird, würde ich eine spezielle Version erstellen. Grüße |
Zitat:
Obiges Beispiel ist schnell erstellt, aber wenn du hier einen Rahmen, dort einen Abstand haben möchtest, kann sich das Box-Modell schon mal in dern Hintern kneifen. Andere Gründe sind mir nicht bekannt. Ich arbeite aber auch so gut wie nie mit derartigen Layouts. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 17:40 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023