Hola,
Tengo dos divs, uno encima del otro, de diferente tamaño y contenido, ambos independientes sin estar englobados dentro de otro div.
Los dos tienen posiciones fijas top y left, pero deben acabar con el mismo margen derecho para que parezcan alineados por la derecha.
Ésto lo hago usando right: 5px; margin-right:5px float:right y todo lo que se me ha ocurrido que pueda llevar 'right' con los mismos valores para ambos divs.
1. En IE y FF: dependiendo de la anchura de la ventana del navegador hay unos píxeles de diferencia en el margen derecho entre uno y otro div, como si se ajustaran de forma diferente al tamaño de la ventana y contaran los 5px de margen cada uno a su manera.
2. En IE: el div más grande varia su anchura en función de cómo ajuste las líneas de texto que contiene. Si sube o baja palabras, el div se ajusta por la derecha para acercarse al formato del texto que contiene pasando por alto los 5px de margen derecho.
Supongo que la solución fácil es encerrar a ambos en un gran div que los englobe y alinearlos a la derecha, pero por motivos de diseño no puedo hacerlo así.
¿Alguna idea?
