Eines der häufigsten Probleme, denen man begegnet, wenn man Plones Oberfläche anpaßt, sind die rätselhaften Ränder (margins) / Abstände (padding) um die Portlets herum. Sie werden durch das berüchtigte visualPadding-Element hervorgerufen und es ist recht einfach, es loszuwerden, wenn Sie wissen wie — aber nahezu unmöglich aufzuspüren, selbst mit dem DOM-Inspektor.

Es ist eines der Elemente, das den Leuten die meisten Problem bereitet und es wurde in Plone 2.1.3 in public.css verschoben. Es sollte deshalb kein Problem sein, wenn Sie diese oder eine spätere Version benutzen.

Fügen Sie das Folgende zu Ihrer CSS-Datei hinzu, um das Padding (Abstand) auf Null zu reduzieren (wir wollen allerdings etwas Padding auf der rechten Seite):

    /* The mythical, infamous visualPadding */
    #portal-column-one .visualPadding {
        padding: 0 1em 0 0;
    }

Und weil wir gerade hier sind, lassen Sie uns die Navigation ein wenig hochziehen, da sie nun zu weit unten auf der Seite ist:

    #portlet-navigation-tree {
        position: relative;
        top: -6.4em;
    }

Da — laden Sie die Seite und das CSS neu und Sie sollten Folgendes haben:

Annähernd da! Können Sie erkennen, was fehlt? Das ist richtig, die Fußzeile.