Ver Mensaje Individual
  #8 (permalink)  
Antiguo 30/12/2006, 19:57
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Re: Se me desforma la web con el .css

Ah, disculpa; no veía lo que ocurría.
Esto se produce porque tienes todas las capas en posición absoluta, el gráfico de fondo se lo pones al body, y le dices que haga un desplazamiento porcentual de la imagen (50%), de manera que al reducir la ventana recalcula para desplazar el fondo ese pocentaje.

Si estás pensando en varias resoluciones, no es buena práctica usar capas en posición absoluta, porque a mayores resoluciones, si has marcado los márgenes también absolutos (px, pt, etc.), las capas se irán del sitio que tú quieres. Si mezclas porcentajes, distancias fijas en px y posiciones absolutas, lo normal es que todo se descalabre al cambiar de resolución.

Prueba poniendo esto:
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
background: #EDE8DF url(bg.jpg) repeat-y -380px;
background-attachment: fixed;
padding: 0;
}

Te irá bien. A mayores resoluciones, ya que todas tus capas se van a desplazar, la del fondo lo hará con ellas.

De todos modos, en este caso concreto yo te recomiendo que uses posiciones relativas para todas las capas.

Ya nos contarás.

Mikel.

Última edición por Mikmoro; 30/12/2006 a las 20:04