NAVIGATION
Differences
This shows you the differences between two versions of the page.
|
deutsch:templates:2-spalten-feste-breite-variable-hoehe [2009/06/23 13:27] Burkhard Otto |
deutsch:templates:2-spalten-feste-breite-variable-hoehe [2018/06/03 18:08] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| {{indexmenu_n>100}} | {{indexmenu_n>100}} | ||
| - | ====== 2 Spalten, feste Breite, var. Höhe ====== | + | ====== kukkis: 2 Spalten, feste Breite, var. Höhe ====== |
| [[http://forum.phpwcms.org/viewtopic.php?p=111983#p111983]] \\ | [[http://forum.phpwcms.org/viewtopic.php?p=111983#p111983]] \\ | ||
| - | -(Autor: kukki) | + | - **Autor:** kukki //(Update: 24.06.09)// |
| ===== Anforderung: ===== | ===== Anforderung: ===== | ||
| Line 13: | Line 13: | ||
| * Bei F11-Taste soll die Konstruktion sich diesem Bildschirm automatisch anpassen. | * Bei F11-Taste soll die Konstruktion sich diesem Bildschirm automatisch anpassen. | ||
| - | * CSS-Code soll konform sein! [[http://www.wilkendorfer-weg.de|Live-Beispiel siehe hier]] | + | * CSS-Code soll konform sein! [[http://www.grosse-strasse-strausberg.de|Live-Beispiel siehe hier]] |
| Gewählt habe ich eine feste Breite von 980px, so dass 1024 x YYY bedient werden kann. | Gewählt habe ich eine feste Breite von 980px, so dass 1024 x YYY bedient werden kann. | ||
| Line 28: | Line 28: | ||
| #mainBlock { height: expression((document.body.clientHeight-157) + "px");} | #mainBlock { height: expression((document.body.clientHeight-157) + "px");} | ||
| /* wer auch den #leftBlock bis zum Footer fließen lassen will, sollte die nachfolgende Zeile auch benutzen! | /* wer auch den #leftBlock bis zum Footer fließen lassen will, sollte die nachfolgende Zeile auch benutzen! | ||
| - | -->Vorteil: Man kann dem #leftBlock ein eigenes Hintergrundbild ohne Trickereien verpassen */ | + | -->Vorteil: Man kann dem #leftBlock einen eigen spaltengerechten Hintergrund ohne Tricksereien mit Faux Columns verpassen */ |
| #leftBlock { height: expression((document.body.clientHeight-157) + "px");} | #leftBlock { height: expression((document.body.clientHeight-157) + "px");} | ||
| </style> | </style> | ||
| Line 107: | Line 107: | ||
| === Vorlage === | === Vorlage === | ||
| - | FIXME | + | |
| + | Im Seitenlayout wird unter **Seitenaufbau:** die Einstellung **[x] CSS DIV** gewählt. | ||
| + | |||
| + | Dann greifen automatisch die folgenden CSS-Klassen aus der frontend.css: | ||
| + | |||
| + | #container | ||
| + | #headerBlock | ||
| + | #mainBlock | ||
| + | #leftBlock | ||
| + | #rightBlock | ||
| + | #footerBlock | ||
| + | |||
| + | In der Vorlage werden folgende Bereiche verwendet: | ||
| + | |||
| + | Kopfzeile | ||
| + | Haupt | ||
| + | Fußzeile | ||
| + | links | ||
| + | rechts | ||
| + | |||
| + | In diesen Bereichen werden die Content-Platzhalter | ||
| + | {HEADER} | ||
| + | {CONTENT} | ||
| + | {FOOTER} | ||
| + | {LEFT} | ||
| + | {RIGHT} | ||
| + | |||
| + | verwendet. | ||
| + | |||
