Hola, soy un poco novato con esto y quiza no sea consciente de la magnitud de mi pregunta.
Veamos, tengo una web que se visualiza conrrectamente en IE 7 y en Firefox 3 con la resolucion en la que trabajo (1440*900) pero al cambiar la resolucion los div cambian de posicion, lo mismo me ocurre al utilizar navegadores diferentes. ¿Como puedo hacer para que los div aparezcan siempre en el mismo sitio independientemente de la resolucion del ordenador donde se vea?.
Lo mismo me ocurre cuando se amplia el tamaño desde el firefox (Ctrl + +), aunque imagino que todos los problemas derivan del mismo error....
¿Alguien me puede ayudar?
Adjunto el codigo que tengo en el CSS para colocar los div
div.logo
{
margin: 0;
font-size: 80% /*smaller*/;
font-weight: bold;
line-height: 1.1;
text-align:left;
position: absolute;
top: 2em;
left: auto;
width: 28em;
right: 37em;
}
div.menu
{
margin: 0;
font-size: 80% /*smaller*/;
font-weight: bold;
line-height: 1.1;
text-align:left;
position: absolute;
top: 8.5em;
left: auto;
width: 8.5em;
right: 37em;
}
div.info
{
margin: 0;
font-size: 80% /*smaller*/;
font-family:Arial;
line-height: 1.1;
text-align:left;
position: absolute;
top: 7.5em;
left: 35em;
width: 50em;
right: auto;
}div.info p
{
font-family:Arial;
font-size:14px;
text-align:justify;
}
No se si me explique del todo bien pero pueden ver lo que explico en gravityweb punto es
