Ver Mensaje Individual
  #7 (permalink)  
Antiguo 16/05/2012, 03:08
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Fondo Expandido CSS

Cita:
Iniciado por IsaBelM Ver Mensaje
keseso? creo que te has equivocado de entrada. no te referirás a esta otra??
Efectivamente, hubo un error en el enlace. Gracias
Cita:
Iniciado por oNefl0w189 Ver Mensaje
De primeras muchas gracias a los tres, lo he conseguido poniendo un z-index:-1 a la capa div del fondo, para que quede por detrás. <-- si respeta el orden de aparición del elemento en el html no sería necesario (no entraremos ahora en el tema de qué significa y respecto a qué es el valor negativo en el apilamiento)

Pero tengo varios problemas;

1. He utilizado tu código kseso, tras borrar un par de lineas para evitar que me saliese ya de primeras el scroll horizontal he comprobado que ahora redimensionando la página y haciendola más pequeña no me sale el scroll tampoco.. :S <-- obviamente no es [s]mi[s] el código del ejemplo el que genera el scroll. Sin entrar en explicaciones, basta con ver el ejemplo. Así que será producto del resto del código utilizado (que desconocemos).

[Aclaro: No me sale el scroll con mozilla, pero si con otros navegadores.]

2. Este código no funciona bien con IExplorer6 y la verdad es que necesito que se vea bien en ese navegador... <-- Lógico. Ni el basado en Css 3 (sin más comentarios) y el realizado con Css2.1. Está basado en la propiedad fixed. Deberá entonces simular dicho valor (pase por araudi.net)

El caso es que la página es una pagina sencillota total, con cuatro links y un par de imágenes, pero necesito que sea soportada desde Ie6 en adelante, pues los usuarios en su mayor parte tienen este navegador. <- pues tiene un serio problema. Desconozco el target de su página, pero siendo de España ya me cuesta creerlo.

Os dejo el código:

Código:
html, body {
        height: auto !important;
        height: 100%; /* ha borrado código */
}


div.fondo-imag {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
		z-index:-1;
}
div.fondo-imag img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:50%;
        min-height:50%;
}
<--Con este código, por incompleto (falta css restante y todo el html) no se puede diagnosticar nada. Publique un enlace a la página o al menos el suficiente código como para poder reproducir el problema.
Un saludo,
y muchas gracias.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++