Foros del Web » Creando para Internet » CSS »

centrar página y posiciones absolutas

Estas en el tema de centrar página y posiciones absolutas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/03/2007, 10:19
 
Fecha de Ingreso: agosto-2006
Mensajes: 355
Antigüedad: 11 años, 3 meses
Puntos: 2
centrar página y posiciones absolutas

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

Última edición por innes; 04/03/2007 a las 10:32
  #2 (permalink)  
Antiguo 04/03/2007, 15:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: centrar página y posiciones absolutas

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.
  #3 (permalink)  
Antiguo 05/03/2007, 03:42
 
Fecha de Ingreso: agosto-2006
Mensajes: 355
Antigüedad: 11 años, 3 meses
Puntos: 2
Re: centrar página y posiciones absolutas

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?
  #4 (permalink)  
Antiguo 05/03/2007, 03:52
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: centrar página y posiciones absolutas

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.
  #5 (permalink)  
Antiguo 05/03/2007, 06:24
 
Fecha de Ingreso: agosto-2006
Mensajes: 355
Antigüedad: 11 años, 3 meses
Puntos: 2
Re: centrar página y posiciones absolutas

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
  #6 (permalink)  
Antiguo 05/03/2007, 10:58
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: centrar página y posiciones absolutas

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.
  #7 (permalink)  
Antiguo 13/04/2009, 02:24
 
Fecha de Ingreso: diciembre-2008
Ubicación: Mi Casa =D
Mensajes: 292
Antigüedad: 9 años
Puntos: 5
Respuesta: Re: centrar página y posiciones absolutas

Cita:
Iniciado por innes Ver Mensaje
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
  #8 (permalink)  
Antiguo 13/04/2009, 02:53
 
Fecha de Ingreso: diciembre-2008
Ubicación: Mi Casa =D
Mensajes: 292
Antigüedad: 9 años
Puntos: 5
Respuesta: centrar página y posiciones absolutas

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!!
  #9 (permalink)  
Antiguo 13/04/2009, 16:40
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: centrar página y posiciones absolutas

Hola:

Cita:
Iniciado por alex1195 Ver Mensaje
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 Ver Mensaje
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.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:33.