background-atachment en IE explorer,por que no me funciona? :???:

[alegoric]

Que tal? tengo la siguiente duda...estoy implementando el background-attachment en mi pagina,lo utilizo para generar dos columnas falsas ya que me quedan dispares los fondos de los divs.En internet explorer no funciona pero si en Chrome y firefox.

Les dejo el css :


#conjunto
{
display: table;
background-image: url(../imagenes/fondo1.jpg);
background-attachment: scroll;
width:100%;
background-repeat:x-no-repeat;




}

Tienen idea que puede llegar a ser? O como implementarlo en IE? En la pagina de la w3c cuando utilizo el ejemplo de la pagina se ve bien....no asi en mi web..

[ArturoGallegos]

que es lo que buscas y que es lo que hace? en que versión del navegador lo estas viendo?

a simple vista solo veo que aplicas x-no-repeat , esta propiedad que no existe.
si lo que quieres es que no se repita en X debes aplicar repeat-y

Código CSS:

#conjunto{background-repeat:repeat-y;}
 

[PhilComfortHost]

Iniciado por ArturoGallegos

si lo que quieres es que no se repita en X debes aplicar repeat-y

¿Es verdad? - ¿Pero eso causará repita en Y, no?

¿Porque no pone esto-> background-repeat: no-repeat; ?

[pzin]

PhilComfortHost es una cuestión de lógica; si se busca que no se repita en X, se está buscando que se repita en Y.
Aunque lo de generar columnas falsas —faux columns— es realmente información suficiente para pensar que se busca repetir el fondo en el eje Y.

[alegoric]

Que tal? gracias por las respuestas! :)
Bueno les cuento que el css quedo asi :

#conjunto
{
display: table;
background-image:url('../imagenes/fondo1.jpg');
background-attachment:scroll;
width:100%;


background-repeat:repeat-y;


}

Pero sigue sin funcionar...yo lo estoy probando en IE 8 , por lo visto en el 9 funciona bien...haciendo algunas pruebas si saco el "display:table" al probarlo en firefox y chrome desaparece el fondo...puede ser que no lo este tomando?

[ArturoGallegos]

sin ver el resto de tu codigo (html + css) solo voy a adivinar, estoy casi seguro que #conjunto es el contenedor de 2 o mas divs y estos estan flotando por lo que #conjunto no puede crecer.

la solución no es aplicar display:table, yo en tu lugar utilizaría overflow:hidden y quitaría ese display

[alegoric]

Iniciado por ArturoGallegos

sin ver el resto de tu codigo (html + css) solo voy a adivinar, estoy casi seguro que #conjunto es el contenedor de 2 o mas divs y estos estan flotando por lo que #conjunto no puede crecer.

No entendi bien esto,de que manera no crece? al ponerle contenido? si es ese el caso si va creciendo a medida que se le agrega algo al div...

Iniciado por ArturoGallegos

la solución no es aplicar display:table, yo en tu lugar utilizaría overflow:hidden y quitaría ese display

No funciona aún en IE ...estoy con la version 8, alguna de las otras cosas que utilizo puede que no tendra compatibilidad?


Quedo asi ahora el css...



#post_medio
{
float:left;
width: 73.8%;
height:auto;
background:transparent;
text-align:rigth;
font-family: Oswald, sans-serif;
margin-top:0%;
margin-bottom:0%;
margin-right:0.5%;
margin-left:0%;
}
#costado{
float:left;
width: 24.3%;
height:auto;
padding-right:0.5%;
padding-left:0.5%;
margin-left:0%;

text-align:center;
background:transparent;
font-family: Oswald, sans-serif;



}

#conjunto
{

background-image:url('../imagenes/fondo1.jpg');
background-attachment:scroll;
width:100%;
overflow:hidden;

background-repeat:repeat-y;


}

Quizas con todo el codigo encuentren mejor el error...yo la verdad no me percato si hay un error o simplemente el IE no me quiere

[ArturoGallegos]

pues yo creo que IE no te quiere jeje, siempre es preferente mostrar todo el código pero tanto HTML como CSS ya que ambos afectar en un sitio, aveces es esencial el HTML para detectar un posible error en tu css.

las columnas equilibradas hay muchas formas de hacerlas, por el CSS que has expuesto supongo que estas intentando con una estructura muy similar a esta ->
https://googledrive.com/host/0BytvPa...d-1031781.html
probado en FF, Chrome, Safari, IE7-IE9

Prueba y me dices si es lo que buscas y te sirve.

[alegoric]

Gracias! sabes cual era el error? era un jpg y no me lo tomaba el explorer,lo cambie por un png y tomo perfectamente!!!
Estoy feliz jaja

[ArturoGallegos]

dudo que el problema hubiera sido el jpg sino el editor que usaste para crear dicho archivo, no se si todos pero algunos editores como Photoshop al crear imágenes tiene la opción de cambiar el tipo de colores.

para que sea soportado en web necesitas guardarlos en RGB, algunas veces me ha tocado que por accidente uno guarda las imágenes en CMYK por lo que causa problemas y no se visualiza correctamente.