Entrar

problema con color de fondo en body

lowellpelikno · · Solicitar retirada
hola un saludo tengo un problema con el color de fondo del body no me cubre toda la pantalla en resoluciones de 1024 se be bien pero en resoluciones mayores aparece una franja blanca en la parte de abajo

este es el sityo..
http://my-estylo.com/

el codigo css es el siguiente
body { 
		margin: 0px; 
		font-family: "Calibri", Verdana, Arial, Helvetica, sans-serif; 
		font-size: 0.8em; 
		
		/* navegadores sin soporte */
    /*background: black url(images/cabecera_degradado.jpg) no-repeat;*/
    /* IE6,IE7 */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='black', EndColorStr='red'); 
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='black', EndColorStr='red')"; 
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 0%, from(black), to(red))no-repeat;
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(top, black, red)no-repeat;
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, black, red)no-repeat;
    /* Opera 11.10+ */
    background: -o-linear-background(top, black, red)no-repeat;
    /* IE 10 */
    background: -ms-linear-background(top, black, red)no-repeat;
    /* estándar */
    background: linear-background(top, black, yellow)no-repeat;
    background-position: fixed;
	}
manmanu · · Solicitar retirada
Hola...
Creo que puedes solucionarlo de una manera liviana.
Yo lo he probado en Firefox, IE8, y Chrome, en los tres se vé bien.

Te pongo el código para que lo veas tu mismo.
Copia este código que pongo en un archivo de texto, al guardar renombra el archivo de ".txt" a ".html" lo abres y le hechas un vistazo.

Para conseguirlo, en vez de dar los degradados a "body", mejor prueba a darselos a "html", indicandole un alto 100%, y un ancho 100%.
Así ganas dos cosas, consigues arreglarlo, y si un día necesitas configurar a body otro color, o una imagen de fondo, esto no te entorpecerá y body estará libre.

Suerte y espero que en tu máquina funcione, en la mía sip.....!!!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prueba</title>
<style>

html{ 		
	/* navegadores sin soporte */
    /*background: black url(images/cabecera_degradado.jpg) no-repeat;*/
    /* IE6,IE7 */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='black', EndColorStr='red'); 
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='black', EndColorStr='red')"; 
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 0%, from(black), to(red))no-repeat;
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(top, black, red)no-repeat;
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, black, red)no-repeat;
    /* Opera 11.10+ */
    background: -o-linear-background(top, black, red)no-repeat;
    /* IE 10 */
    background: -ms-linear-background(top, black, red)no-repeat;
    /* estándar */
    background: linear-background(top, black, yellow)no-repeat;
    background-position: fixed;
	width:100%; 
	height:100%;
	}

body{ 
      margin: 0px; 
	  font-family: "Calibri", Verdana, Arial, Helvetica, sans-serif; 
	  font-size: 0.8em; 
	}


</style>
</head>

<body>
<p style="color:#EEE;font:normal 1.7em/1.8em 'Trebuchet MS', Arial, Helvetica, sans-serif " align="center">Esto no es m&aacute;s que una prueba...<br />Este texto en el centro, y el color de fondo en toda la pantalla...!!!<br /><span style="color:#80FF00; font-size:18px;">Yo lo he probado en IE8, Firefox, Chrome y todos lo ven igual.</span></p>

</body>
</html>


Suerte.
manmanu · · Solicitar retirada
Gracias lowellpelikno
Ya veo que pusiste el código que te pase, ahora te funcona correctamente.

Gracias por todo, un saludo y hasta siempre.