Cómo centrar un div dentro de otro de forma responsive

Desde
20 Ene 2013
Mensajes
810
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Hola amigos, estoy tratando de centrar un div dentro de otro, pero no se deja, la quiero hacer tipo responsive, pues los anchos y ñargos, estan en porcentajes %, esta es la pagina:
 
Última edición:

Waldd0

Delta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Mar 2010
Mensajes
717
Interesante tu página [MENTION=38029]Sawyer James[/MENTION].
Contame en qué parte está el div que estás tocando, y qué div queres centrar dentro del otro.
Así lo depuramos ;)

Saludos

PD: ojo que el content de tu blog si es responsive, pero el footer no lo es. :devilish:
 

Edwin Antonio Tapia Rebolledo

Épsilon
Programador
Desde
20 Ene 2013
Mensajes
810
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Interesante tu página [MENTION=38029]Sawyer James[/MENTION].
Contame en qué parte está el div que estás tocando, y qué div queres centrar dentro del otro.
Así lo depuramos ;)

Saludos

PD: ojo que el content de tu blog si es responsive, pero el footer no lo es. :devilish:

hola amigo, gracias, apenas la ando creando.

pues mira, quiero que cuando la pantalla se haga mas chica, que las peliculas enten siempre centradas, pues ahi si te das cuenta, tiene mas grande el lado derecho. Y lo que quiere es que se centre bien. el contenido vendria siendo main-wrapper.
 

flowxd

Delta
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
19 May 2013
Mensajes
519
hasta en pantalla completa veo q sobra espacio en el lado derecho.
El codigo que tenes es
Insertar CODE, HTML o PHP:
#main-wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
}

cambiando el margin-left por lo siguiente lo veo centrado

Insertar CODE, HTML o PHP:
#main-wrapper {
width: 100%;
margin-left: 55px;
margin-right: auto;
}
 

Facundo

Xi
Desde
15 Abr 2009
Mensajes
4.432
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
En general, yo hago lo siguiente:

Creo un div que contenga todo, luego otro adentro que esté centrado en relación al primero.

En este caso, con modificar esto, ya queda centrada independientemente de la resolución:

Insertar CODE, HTML o PHP:
[COLOR=#888888][FONT=Consolas][COLOR=#222222].main .widget[/COLOR][/FONT][/COLOR][FONT=Consolas] {[/FONT]
[LIST]
[*][COLOR=#C80000]width[/COLOR]: 80%;
[*][COLOR=#C80000]margin[/COLOR]: 0 auto 10px;
[/LIST]
[FONT=Consolas]}[/FONT]

Si querés que tenga menos margen, subí el %.


Saludos!
 
Arriba