Woher kommt dieser weiße Rand ganz oben?
Ich verstehe es nicht. Wo habe ich ihm denn gesagt, dass er da Platz lassen soll...?!
5 Antworten
Normalerweise entfernt man einfach standardmäßig alle Einrückungen, dann hat man solche Probleme nicht.
Das ginge so:
* {
margin: 0;
padding: 0;
}
Hab das mal mit deinem Code ausprobiert, funktioniert, der weiße Balken ist weg. Dann musst du auch nicht auf irgendwelche komischen Display-Eigenschaften zurückgreifen.
Funktioniert bei mir auch einwandfrei. Ist wohl die beste Möglichkeit. Danke dir!
mach mal bei html, body noch ein *
Also:
html, body, *{
margin: 0;
...
}
Ja, das ist richtig. Du kannst aber auch das html mit zum Stern schreiben, sodass dein body alleine ist. Ist eigentlich egal, aber irgendwie eleganter.
Wenn ich das HTML zum Stern schreibe, kommt das raus:
http://i.prntscr.com/YPu06DWpSe65wJj8vCFDfw.png
*, html {
margin: 0;
padding: 0;
}
body {
height: 100%;
}
Kannste den ganzen Code mal grade bei https://jsfiddle.net/ einfügen und en Link posten?
Das 'html' mit dazu zu schreiben ist komplett unnötig.
Stern bedeutet alles, da ist auch html sowieso miteinbezogen.
Du hast vergessen dem html 100% Height zu geben.
body, html {
height: 100%;
}
Dann passt's.
https://jsfiddle.net/nhxLw9y0/
Bei mir ist dann oben auch kein weißer Rand.
Danke. Hab grade Besuch bekommen und konnte mich nicht mehr kümmern.
Woher kommt dieser weiße Rand ganz oben?
bekommst Du weg durch
section { display:flow-root}
Alex
background-position: center
wird damit nicht horizontal und vertikal zentriert?
Der Margin-top müsste auf 0 sein
Ist er ja. Ich setze ganz oben den margin von body und html auf 0 (in jede Richtung)
Hab * hinzugefügt, aber von html und body getrennt, da sonst die Text auch 100% Höhe hätten.