Gunnar Bittersmann: überlappendes wrapper-Element

Beitrag lesen

problematische Seite

@@Steffen Schwartz

Auf der angegebenen Seite funktioniert es nur noch bei "Buchkunst" richtig. […] Das wrapper-Element überlappt auf der rechten Seite über die 80 % hinaus.

Das liegt am Box-Modell. width gibt die innere Breite an, padding kommt noch hinzu.

Du willst ein anderes Box-Modell.

Außerdem solltest du dich mit den Elementen für die Seitenstruktur vertrautmachen und die ganzen div durch passende Elemente ersetzen: header, footer, nav, …

<div id="main-content"> wäre gern ein main-Element.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory