Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   centrar página y posiciones absolutas (http://www.forosdelweb.com/f53/centrar-pagina-posiciones-absolutas-469925/)

innes 04/03/2007 10:19

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 ;-)

Mikmoro 04/03/2007 15:30

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.

innes 05/03/2007 03:42

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?

Mikmoro 05/03/2007 03:52

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.

innes 05/03/2007 06:24

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

Mikmoro 05/03/2007 10:58

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.

alex1195 13/04/2009 01:24

Respuesta: Re: centrar página y posiciones absolutas
 
Cita:

Iniciado por innes (Mensaje 1916532)
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 13/04/2009 01:53

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!!

jomaruro 13/04/2009 15:40

Respuesta: centrar página y posiciones absolutas
 
Hola:

Cita:

Iniciado por alex1195 (Mensaje 2863946)
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 (Mensaje 1916532)
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.

:adios:


La zona horaria es GMT -6. Ahora son las 09:01.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.