NAVIGATION
This shows you the differences between two versions of the page.
deutsch:templates:2-spalten-feste-breite-variable-hoehe [2009/06/23 13:30] 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 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. | ||
+ |