Saludos,
no se si el título es algo raro pero me explico:
Tengo 3 capas, llamémosle 'izquierda', 'centro' y 'derecha', que se muestran una al lado de otra y en la posición que su nombre indica :)
'centro' mide 1024px de ancho, y la tengo centrada en horizontal con lo típico de
Código HTML:
left:50%;
width:1024px;
margin-left:-512px;
'centro' tiene todo el contenido del sitio web, por eso es esta la capa que tengo centrada: un usuario con un monitor a 1024 verá esto y no verá las capas 'izquierda' ni 'derecha'.
El problema viene cuando un usuario tiene una resolución mayor, pongamos que 1200 o más. Este si verá las capas' izquierda' y 'derecha' a ambos lados de la capa central, pero no consigo que la capa 'izquierda' me quede enganchada a la capa 'centro', y por más que pruebo no doy con la solución.
¿Alguna idea?
¡Gracias!
###################
Resuelto:
Cuando había perdido la fe, he dado con la solución, haciendo algo parecido a alinear al centro:
Código HTML:
position:absolute;
left:50%;
margin-left:-600px;
Le digo que se alinea al centro y en el margin-left le sumo los 512px de la capa 'centro' más los en este caso 88px de la capa 'izquierda'.
Espero que sea de utilidad a alguien más!