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;
}