Vuelvo ala carga con este tema (ya he dejado algún que otro post) pero es que, como suele ocurrir, a medida que sigo trabajando salen nuevos problemas!!!
Tengo la web casi preparada pero tengo un problema, y es que al acceder a la página en ordenadores con monitores de alta resolución en pantalla la página queda muy desplazada para un lado. En varios post me han respondido que con la orden
text-align= "center"
queda solucionado. Pero no es así, se centran los textos en las divs, además consigo que el menu desplegable no se abra en un sitio distinto según el tamaño de la ventana del explorador, lo cual está perfecto, pero la div, aunque usemos una global para toda la página como se explica en las lecciones de esta misma página, no se centra automáticamente cuando variamos el tamaño de la ventana del explorador, lo cual es lo suyo.
En un foro me han comentado una manera de hacerlo y es con la siguiente propiedad para mi div global en la hoja de estilo:
#global {position:absolute; width:980px; height:560px; top: 50%; left: 50%; margin-top: -280px; margin-left:-490; padding:auto auto auto auto ; background-image: url(objetos/paginaprincipal.png); background-repeat: no-repeat; background-position: center center}
bien hasta ahí perfecto, el problema es que usé en la página el menú desplegable que se dejó en las lecciones de esta misma web, ese que con text-align como os he dicho antes conseguía que no se moviera bajo ningún concepto, y ahora se mueve, se descoloca de nuevo. Trato de poner la orden text-align pero parece que no funciona la línea de css que os he puesto antes.
Me consta que no es una pregunta facil por que hay gente en varios foros que no es capaz de solucionar este problema, pero a ver si podeis echarme un cable.
Parece que solo hay dos opciones, o tengo estabilidad en mi web pero sin centrarla o la centro sin menu desplegable!!!!!!
Tengo la web casi preparada pero tengo un problema, y es que al acceder a la página en ordenadores con monitores de alta resolución en pantalla la página queda muy desplazada para un lado. En varios post me han respondido que con la orden
text-align= "center"
queda solucionado. Pero no es así, se centran los textos en las divs, además consigo que el menu desplegable no se abra en un sitio distinto según el tamaño de la ventana del explorador, lo cual está perfecto, pero la div, aunque usemos una global para toda la página como se explica en las lecciones de esta misma página, no se centra automáticamente cuando variamos el tamaño de la ventana del explorador, lo cual es lo suyo.
En un foro me han comentado una manera de hacerlo y es con la siguiente propiedad para mi div global en la hoja de estilo:
#global {position:absolute; width:980px; height:560px; top: 50%; left: 50%; margin-top: -280px; margin-left:-490; padding:auto auto auto auto ; background-image: url(objetos/paginaprincipal.png); background-repeat: no-repeat; background-position: center center}
bien hasta ahí perfecto, el problema es que usé en la página el menú desplegable que se dejó en las lecciones de esta misma web, ese que con text-align como os he dicho antes conseguía que no se moviera bajo ningún concepto, y ahora se mueve, se descoloca de nuevo. Trato de poner la orden text-align pero parece que no funciona la línea de css que os he puesto antes.
Me consta que no es una pregunta facil por que hay gente en varios foros que no es capaz de solucionar este problema, pero a ver si podeis echarme un cable.
Parece que solo hay dos opciones, o tengo estabilidad en mi web pero sin centrarla o la centro sin menu desplegable!!!!!!