Wir verwenden einige Positionierungstricks, um den linken Rand des Logos und den Hauptinhaltsbereich auszurichten, während der Header weiterhin den linken Rand der Seite berührt.
Die Navigationsblöcke mit der breitesten Breite sind 1/8 der Breite des übergeordneten Navigationsgeräts. Wir setzen sie auf Inline-Block, damit sie diese Breite akzeptieren. Aufgrund von Subpixel-Rundungsfehlern müssen wir die Breite auf 12,49% anstatt auf 12,5% einstellen.
Wir finden einen Weg, um den unteren Schatten der Navigation in Gang zu bringen, sind aber ein wenig besorgt über die verwendete Technik. Wir müssen den Z-Index jedes Menüelements umkehren, damit das erste Element „oben“ ist, und nacheinander statt des letzten nach unten treten. Wir verwenden dazu eine Reihe von :nth-childSelektoren.