30/12/2006, 19:57
|
| Colaborador | | Fecha de Ingreso: octubre-2006 Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 18 años, 3 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 |