Foros del Web » Creando para Internet » CSS »

Centrado horizontal de posición absoluta

Estas en el tema de Centrado horizontal de posición absoluta en el foro de CSS en Foros del Web. Hola, muy buenas a todos. Estoy rediseñando la barra superior de mi red, que lleva ahí desde hace mucho tiempo y está hecha con imágenes ...
  #1 (permalink)  
Antiguo 25/06/2012, 15:07
Avatar de Adrii952  
Fecha de Ingreso: diciembre-2011
Ubicación: Madrid
Mensajes: 116
Antigüedad: 12 años, 10 meses
Puntos: 7
Centrado horizontal de posición absoluta

Hola, muy buenas a todos.
Estoy rediseñando la barra superior de mi red, que lleva ahí desde hace mucho tiempo y está hecha con imágenes (chapuza, lo sé) porque no sabía nada de CSS por entonces..
Total que tras una horita comiéndome el coco he conseguido hacerla entera con CSS y texto, y dejando todo en su sitio. Luego he agrupado en un div los trozos de texto, el logo y los separadores, por lo que puedo desplazar todo en conjunto cambiando los valores de un solo div desde el CSS.
La cosa es que para pegarlo arriba, usé posición absoluta, y no consigo de ninguna forma centrar la barra.



Espero que me puedan ayudar, gracias.

El div es este:
#todalabarra {
position:absolute;
}
He probado poniendo margin:auto; y nada.. De momento he hecho un apaño poniendo un margin-left: 240px;

________________

Ya da igual, lo acabo de solucionar.

Última edición por Adrii952; 25/06/2012 a las 15:34
  #2 (permalink)  
Antiguo 25/06/2012, 16:31
Avatar de Oscar_Hidro  
Fecha de Ingreso: septiembre-2011
Ubicación: Aguascalientes, Mexico.
Mensajes: 200
Antigüedad: 13 años, 1 mes
Puntos: 25
Respuesta: Centrado horizontal de posición absoluta

Que tal @Adrii952, si quieres que quede hasta arriba de tu pantalla, solamente es agregarle :

Código CSS:
Ver original
  1. #todalabarra {
  2. position:absolute;
  3. top:0px;
  4. left:0px;
  5. }

Si te fijas, el left esta pegado a la izquierda de tu pantalla, si deseas que quede mas separado simplemente dale un valor al left.
  #3 (permalink)  
Antiguo 26/06/2012, 05:23
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: Centrado horizontal de posición absoluta

Código CSS:
Ver original
  1. #todalabarra {
  2. position:absolute;
  3. }
Esto y nada, todo es nada.
Así que desconociendo todo, y sin saber las razones por las que ha decidido posicionarlo de forma absoluta, sólo puedo sugerirle que vea este artículo.

Con un poco de suerte encontrará la respuesta por usted mismo.
Nosotros con tan escasa información sólo podríamos jugar a las adivinanzas.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Etiquetas: horizontal, imagenes, centrar
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 07:15.