Weissen Rand auf html Webseite entfernen?
Ich bin gerade dabei eine Webseite zu programmieren.
Wenn ich den body bei css anspreche und dann baclground image: url (bild); dann erscheint um die navleiste einen Rand was ich nicht möchte
Füge ich aber das bild im body teil ein und setze padding, border, margin auf 0 und height und width auf 100% dann habe ich auf der weissen Seite einen Rand.
Wie kann ich diesen Rand loswerden?
1 Antwort
Du solltest anstelle von der 100% Angaben eher mit min-height arbeiten. Andernfalls wird der Inhalt den body überlappen. Des weiteren dem Hintergrund eine background-size geben, in dem du dessen Wert z.B. auf cover oder contain setzt.
/* CSS reset */
*, *::before, *::after {
box-sizing: border-box;
padding: 0;
margin: 0;
}
body {
min-height: 100vh; /* viewport height */
background: url('path/image.png') no-repeat center / cover;
/* Alternativ */
background-image: url('path/image.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
Bei solchen Fragen möglichst immer den eigenen Quellcode mit anfügen, damit man diesen einsehen kann. Das spart einerseits Zeit, unnötige Fragerei und man gleichzeitig wesentlich konkretere Lösungen für dein Problem aufzeigen kann.