body mittig ausrichten mit Rand
bearbeitet von Matthias ScharwiesServus!
> Hallo,
>
> > max-width:100%;
>
> Der body steht schon auf max-width, aber in Pixel.
> Das sollte auch so bleiben, gibt es eine andere Möglichkeit?
>
> ~~~CSS
> body {
> max-width: 1000px;
> margin: 2em;
> font-size: 1em;
> margin-left: auto;
> margin-right: auto;
> }
> ~~~
Und was machst du mit einem Handy mit nur 30em Breite (ca. 480px)?
Bitte nimm
~~~CSS
html {
box-sizing: border-box;
}
*, ::before, ::after {
box-sizing: inherit;
}
body {
max-width: 60em; /* oder max. 75em; maximale Breite, damit Zeilen nicht zu lang sind */
margin: 0 auto; /* zentriert */
padding: 2em; /* sorgt für Innenabstand, wenn die Breite 100% beträgt */
}
~~~
Das box-sizing sorgt dafür, dass der Innenabstand zu den 100% gehört und nicht dazugerechnet wird.
Herzliche Grüße
Matthias Scharwies
--
Es gibt viel zu tun:
*[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}