{% extends "lizard_ui/lizardbase.html" %} {% block title %} Vertical spacing demo {% endblock %} {% block sidebar %}

Example to the right

The main area is divided in a number of horizontal evenly sized areas with a thick border in between.
{% endblock %} {% block object-tabs %} {% endblock %} {% block object-actions %} edit | print {% endblock %} {% block content %}
Everything is wrapped in a div with id="evenly-spaced-vertical".
And the items in there are divs with a class="vertical-item".
Need double the height compared to other items? Give it a class="double-vertical-item".
Jquery is used to give everything a proper height.
{% endblock %}