Seitenspalte LEFT

3 spaltiges Layout

Dieses Layout entspricht nahezu dem bekannten free-XL template, besitzt aber als Navigation in der linken Seitenspalte die Variante NAV_LIST_UL, die sich innerhalb einer gesonderten CSS-Datei dem eigenen Geschmack anpassen läßt.

Beide Seitenspalten sind nun einheitlich 200px breit.

free-XL_2009 : kein horizontaler "Sprung" bei kurzen Artikeln

Hier wird die 2007er Version "funktional optimiert"

Wer von den Nutzern der beliebten free-XL-templates auch in anderen Browsern als dem MS-IE das "horizontale Springen" der Darstellung vermeiden möchte, wenn zwischen kurzen und langen Artikeln gewechselt wird, der kann das selber "nachrüsten".

Einfach der nachfolgenden Anweisung folgen... und die Sache ist in 1 Minuten erledigt!

In der verwendeten frontend.css-Datei ist die nachfolgende Klasse einzufügen:

/* Zur Darstellung im FF etc. OHNE horizontales "Springen" */

html { min-height:100.00%; border-bottom:1px solid transparent; } 



body {

...

}

Und was passiert da jetzt im Hintergrund?

Ganz einfach. Hier wird auch für kürzere Artikel ein "längeres" Browserfenster erzwungen. Und zwar mindestens 100% des tatsächlich vorhandenen Browser-Höhe + 1px.

Auf diese Weise sind auch die Browser gezwungen eine vertikale Scrollleiste darzustellen, die das eigentlich bei kurzen Inhalten automatisch vermeiden würden.

So entsteht kein störender horizontaler Sprung-Effekt mehr und die Bildschirmdarstellung erfolgt deutlich weniger unruhig als zuvor. Wenn doch Alles so einfach wäre :-)

Seitenspalte RIGHT

Untertitel dieses ContentParts

Das ist der Fließtext für die rechte Seitenspalte. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.