Foros del Web » Creando para Internet » CSS »

Centrado vertical + scroll horizontal

Estas en el tema de Centrado vertical + scroll horizontal en el foro de CSS en Foros del Web. Hola, Buscando por internet he visto varias soluciones para lograr centrar verticalmente un elemento en una pagina web. El problema es que lo que yo ...
  #1 (permalink)  
Antiguo 23/03/2009, 06:55
 
Fecha de Ingreso: octubre-2008
Mensajes: 93
Antigüedad: 9 años, 2 meses
Puntos: 0
Centrado vertical + scroll horizontal

Hola,

Buscando por internet he visto varias soluciones para lograr centrar verticalmente un elemento en una pagina web. El problema es que lo que yo quiero es tener varios elementos, uno al lado de otro, centrados verticalmente en la pagina, y con scroll horizontal para poder verlos todos...

El codigo que he encontrado para el centrado vertical es:

Código:
.contenedor {
top: 0;
left: 0;
width: 100%;
height: 100%;}

.contenedor[class] {
position: fixed;
display: table;}

.centrado {
position: absolute;
top: 50%;}

.centrado[class] {
display: table-cell;
vertical-align: middle;
text-align: center;
position: static;}

.contenido {
width: 200px;
height: 200px;
border: 1px solid #000;
margin: 0 auto;
position: relative;
top: -50%;}
URL: http://www.webmasterlibre.com/2006/0...ss-2-vertical/

El problema es que aplicando este codigo no me sale ningun scroll horizontal aunque hayan elementos que se salgan de la pagina... Alguien sabe como forzar el scroll horizontal?

Muchas gracias!
  #2 (permalink)  
Antiguo 23/03/2009, 10:27
Avatar de juan84  
Fecha de Ingreso: marzo-2009
Mensajes: 8
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Centrado vertical + scroll horizontal

Por lo que veo, si no que alguien mas experto que me corrija, en el código falta la propiedad Overflow, que es lo que te permite hacer un scroll.

Mira este enlace w ww.librosweb.es/referencia/css/overflow.html
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 20:37.