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)
-codigo del app.css donde tengo establecido el fondo de pantalla
-asi se ve mi pagina, donde tambien se puede ver los bordes blancos alrededor de mi fondo que quiero quitar.
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
Get help from others!
Recent Questions
Recent Answers
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP