TransWikia.com

Espacio en blanco detras del background angular 8/9 ¿como establecer bien el background?

Stack Overflow en español Asked on December 5, 2021

tengo el siguiente problema, tengo establecido una foto en resolucion 1440×900 como background de mi pagina web, el problema es que tiene unos margenes en blanco que no se como quitarlos, quiero que la foto cubra absolutamente toda la pantalla.

-codigo de app.html(donde declaro el fondo de pantalla para empezar a escribir)(el app-header es la nav-bar con los botones que esos si quiero que tengan su propio fondo a color como ya esta puesto) introducir la descripción de la imagen aquí

-codigo del app.css donde tengo establecido el fondo de pantallaintroducir la descripción de la imagen aquí

-asi se ve mi pagina, donde tambien se puede ver los bordes blancos alrededor de mi fondo que quiero quitar.
introducir la descripción de la imagen aquí

2 Answers

Buenas noches
Lo que puedes intentar seria lo siguiente:

app.component.html
Borrar el div con el nombre background y dejar solo el componente header

<app-header></app-header>

En los estilos generales (styles.css):

html,body {
  margin: 0;
  padding: 0;
  width: 100%;
  height 100%;
}

app.component.css
Puede usar el selector :host para hacer referencia al contenedor app-component y asi no es necesario hacer wrappers o div contenedores

:host {
  display: flex;
  width: 100%;
  height: 100%;
  background-image: url(......);
  background-size: cover;
  background-repeat: no-repeat;
 }

Answered by Joseph Hermann on December 5, 2021

Complementando lo que @enxaneta, si sigue pasando después de revisar que no sea algún otro elemento que esté interfiriendo con el margen, usa margin: 0 0. En teoría solo un 0 debería hacer que le aplique a las 4 márgenes, pero me ha funcionado más especificarle que lo aplique así.

Answered by DianaKa on December 5, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP