Hallo bugfix,
habe oben noch ein Update posten müssen. Meine Beherrschung des Thema Logik war leider nicht - wie erhofft - 10.
Ob dein HTML auf 5/10 ist? Ok, mag sein. Das kannst du schnell auf 6 bringen wenn Du die Divitis ablegst. Wrapper-Divs im Body sind typischerweise erforderlich, schon gar nicht zwei, du kannst genauso gut den Body stylen.
<body>
<div id="innerbody">
<div class="wrapper">
<form>
...
</form>
</div>
</div>
</body>
Bad, weil:
- #innerbody wird überhaupt nicht gestyled und ist damit eine unnötige Schicht
- .wrapper wird mit
margin:em auto;
gestyled. Aber warum jetzt eine Class, keine ID, das ist inkonsequent.
<head>
<style>
body {
margin: 2em auto;
max-width: 50em;
}
</style>
</head>
<body>
<form>
...
</form>
</body>
funktioniert prima. Das max-width macht die Sache auf großen Bildschirmen deutlich gefälliger.
Hast Du die Seite schon auf einem Smartphone getestet?
Rolf
--
sumpsi - posui - obstruxi
sumpsi - posui - obstruxi