HTML Struktur

Contao erstellt die Grundstruktur der Website automatisch. Folgende Element werden dabei, je nach Einstellung, erzeugt:

<body>
<div id="wrapper">
    <header id="header">
        <div class="inside">...</div>
    </header>
    <div id="container">
        <div id="main">
            <div class="inside">...</div>
            <aside id="right">
                <div class="inside">...</div>
            </aside>
            <aside id="left">
                <div class="inside">...</div>
            </aside>
        </div>
    </div>
    <footer id="footer">
        <div class="inside">...</div>
    </footer>
</div>
</body>

 

Modul Spacing

Setzt das Margin des jeweils letzten Elements in einem Contao Modul auf Null.

/** fixing module spacing **/
[class*=mod_] [class*=ce_]:last-child,
[class*=mod_] [class*=ce_] > *:last-child,
[class*=mod_] [class*=ce_] > *:last-child > *:last-child,
[class*=mod_] [class*=ce_] > *:last-child > *:last-child > *:last-child,
[class*=mod_] [class*=ce_] > *:last-child > *:last-child > *:last-child > *:last-child,
[class*=mod_] [class*=ce_] > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child {
    margin-bottom: 0;
}

/** clear floating objects **/
[class*=mod_]:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht.