Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/03/2016, 10:35
german_1441
 
Fecha de Ingreso: diciembre-2015
Ubicación: México
Mensajes: 280
Antigüedad: 9 años
Puntos: 20
Estructura html5

Hola amigos,
disculpen mi ignorancia, pero no logro entender porque pasa esto,
tengo mi código html5 de ésta forma:

Código HTML:
Ver original
  1.     <header>
  2.         <h1>BIENVENIDOS!!!</h1>
  3.     </header>
  4.     <section>
  5.         <article>
  6.             <div class="construccion" align="center"><img src="IMAGEN.jpg" alt="MI IMAGEN"></div>
  7.         </article>
  8.     </section>
  9. </body>

Y tengo estos estilos:

Código CSS:
Ver original
  1. body{
  2.     background: -webkit-linear-gradient(#777474, #A6A2A2); /* For Safari 5.1 to 6.0 */
  3.     background: -o-linear-gradient(#777474, #A6A2A2); /* For Opera 11.1 to 12.0 */
  4.     background: -moz-linear-gradient(#777474, #A6A2A2); /* For Firefox 3.6 to 15 */
  5.     background: linear-gradient(#777474, #A6A2A2); /* Standard syntax */
  6. }
  7.  
  8. header{
  9.     text-align: center;
  10. }

Pero el degradado de mi página se pierde a la mitad... como si el body solo abarcara la mitad de mi página, y no entiendo porque

Cabe mencionar que estoy utilizando bootstrap, pero no encuentro en los estilos de la libreria algo q pueda estar causando esto...

Alguien sabe como puedo hacer que mi degradado no se pierda?
o porque es que pasa esto?
Saludos!