Problema con Degradado en Background en Dreamweaver CS3

gabyfornia · #1 (**permalink**) 27/10/2008, 12:39

Hola amigos, tengo un problema, diria absurdo y que me esta haciendo perder mucho tiempo en algo que no deberia. He insertado una imagen en degrade para el fondo de la pagina y le colocado el atributo necesario a la pagina CSS o sea el repeat-x pero asi y todo, el fondo se corta abajo y muestra el color basico de la pagina...no se si me explico. En sintesis, el degrade se corta y comienza otro color (el basico de la pagina) y no el degradè no se estira infinitamente sino que ahi queda, lo que no me permite continuar colocando contenidos hacia abajo porque obviamente es muy antiestètico. Alguna idea de que puede estar ocurriendo, siendo que en la CSS esta todo o.k.?

Wakkos · #2 (**permalink**) 27/10/2008, 12:42

repeat x = horizontal, si quieres que se repita hacia abajo es reapat Y

gabyfornia · #3 (**permalink**) 27/10/2008, 12:48

Probe, pero es al reves....!! tiene que ser repeat-x.........igual gracias! pero ese no es el punto, digamos, he colocado el repeat-x pero se corta abajo igual, no hay caso.....! espero que alguien me diga que puede ser, porque se corta y no hace el repeat-x a pesar de estar incluido en la pagina CSS.

juaniquillo · #4 (**permalink**) 28/10/2008, 16:54

lo que uno hace en esos caso es poner como color de fondo el ultimo color de tu degradación para que no se vea cortado. ejemplos:
http://comercioe.net/
imagen:
http://comercioe.net/images/layout/layout1/fondo1.jpg
color de fondo: #333333

Este es el CSS:

Código css:

Ver originalbody {
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    padding-bottom:15px;
    background: #757575 url(../images/layout/layout1/fondo1.jpg) repeat-x left top;
    text-align:center;
 
}

El degradado acaba y ahi empieza el color de fondo. Esa es la forma de hacerlo con CSS. Si quieres un degradado que siempre ocupe el alto de la página tienes que usar javascript.