centrar página y posiciones absolutas

innes · #1 (**permalink**) 04/03/2007, 10:19

Hola a todos, sé que es un tema que se ha preguntado mil veces, pero yo he probado algunas cosas que he visto en mensajes antiguos y no me funcionan, pienso que puede ser porque todos mis elementos, están posicionados de manera absoluta y por eso no me "hace caso" cuando pongo una capa alrededor de todo y la centro...

¿¿Hay alguna manera de centrar la página cuyos elementos están posicionados así?? (sin tener que cambiar ahora todos los estilos porque no tengo mucho tiempo, y me han enseñado de esta manera y de otra manera no sé hacerlo)

Bueno, por si a alguien le queda dudas pongo un ejemplo de estilo de mi hoja de estilos:

.contactar {
height: 215px;
width: 200px;
position: absolute;
left: 0px;
top: 363px;
right: 0px;
cursor: pointer;
}

gracias

Mikmoro · #2 (**permalink**) 04/03/2007, 15:30

Bueno, no es fácil opinar con criterio con los datos que facilitas, pero si te resulta posible, lo que yo haría sería poner un contenedor principal centrado con margin: 0px auto; y position: relative; y recolocar los elementos de posiciones absolutas con respecto a él. Si una caja tiene posición absoluta y está dentro de otra en posición relativa, la posición absoluta de la primera funciona con respecto la segunda, su contenedora, no con respecto al html.

Puede que hacer esto te obligara a tocar un poco las posiciones de todas las cajas (algo bastante sencillo que seguramente puedes resolver en poco tiempo), si no, creo que no hay manera de centrarlo.

Mikel.

innes · #3 (**permalink**) 05/03/2007, 03:42

Gracias, pero eso es lo que quiero evitar, puesto que tengo bastantes imágenes y cambiar la posición me llevaría bastante tiempo y sobre todo que no sé si se vería bien todo, ya que hay alguna capa más ancha dentro de otra menor...

Pero entonces como es posible que a mi mi profesor me enseñara a maquetar con posiciones absolutas? el dio a entender que despues de maquetar se podía centrar todo...

Alguna idea más?

Mikmoro · #4 (**permalink**) 05/03/2007, 03:52

Mi opinión:
pues pueden ser que no se explicara bien, puede ser que no le entendieras bien, puede ser que en su explicación incluyera lo que te he dicho, es decir, empezar por una caja general contenedora con posición relativa y colocar las cosas de forma absoluta con respecto a ella, o sencillamente, que haya una forma de hacerlo que yo no conozca (pero me parece que no).

Creo que no suele ser algo muy recomendable diseñar con posiciones absolutas para todas las cajas, porque luego aparecen infinidad de problemas.

No obstante, si pusieras el código que tienes ahora puede que a alguien se le ocurriera alguna solución rápida.

Mikel.

innes · #5 (**permalink**) 05/03/2007, 06:24

ya está :) SOLUCIONADO

no es necesario cambiar las posiciones, trabajar con posicionamiento absoluto es posible y lo único que hay que hacer para centrar todo es poner una capa contenedora con posicion relativa y márgenes auto. Al body por otro lado se le pone text-align: center y VOILA!

a mi me funciona bien en IE6 y FF2.

si alguien lee este hilo, ¿lo veis centrado todo no?
http://www.regiongrafica.com

un saludo

Mikmoro · #6 (**permalink**) 05/03/2007, 10:58

Me alegro.

Eso era exactamente lo que te decía en mi primer mensaje, pero ten en cuenta que has tenido la suerte de que todo ha encajado en el contenedor sin tener que tocar nada, porque podría no haber sido así (aunque hubiera sido poco trabajo reajustarlo).

Dices: "trabajar con posicinamiento absoluto es posible". Por supuesto que es posible. Yo te decía que en mi opinión no es muy recomendable por varias razones, pero ahí está el gusto de cada uno/a.

Mikel.

alex1195 · #7 (**permalink**) 13/04/2009, 01:24

Cita:

Iniciado por innes

ya está :) SOLUCIONADO

no es necesario cambiar las posiciones, trabajar con posicionamiento absoluto es posible y lo único que hay que hacer para centrar todo es poner una capa contenedora con posicion relativa y márgenes auto. Al body por otro lado se le pone text-align: center y VOILA!

a mi me funciona bien en IE6 y FF2.

si alguien lee este hilo, ¿lo veis centrado todo no?
http://www.regiongrafica.com

un saludo

COMO?, no entiendo. explicate please

alex1195 · #8 (**permalink**) 13/04/2009, 01:53

EH INTENTADO DE TOOOOODOOO!O!!O!O!O!O!O! de todoo!!! y no me funciona ninguno!!! niiinguuunooo!! nunca en mi vida eh podido centrar una posicion absoluta!!!! alguien ayudeme!!

jomaruro · #9 (**permalink**) 13/04/2009, 15:40

Hola:

Cita:

Iniciado por alex1195

EH INTENTADO DE TOOOOODOOO!O!!O!O!O!O!O! de todoo!!! y no me funciona ninguno!!! niiinguuunooo!! nunca en mi vida eh podido centrar una posicion absoluta!!!! alguien ayudeme!!

¿te has dado cuenta de que el hilo es de hace más de dos años?

y ¿de que ahí mismo te dan la solución?

Cita:

Iniciado por innes

ya está :) SOLUCIONADO

no es necesario cambiar las posiciones, trabajar con posicionamiento absoluto es posible y lo único que hay que hacer para centrar todo es poner una capa contenedora con posicion relativa y márgenes auto. Al body por otro lado se le pone text-align: center y VOILA!

Saludos.