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

E

Edwin Antonio Tapia Rebolledo

Épsilon

Programador

• 6 Dic 2013

• #1

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: 6 Sep 2014

Waldd0

Delta

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 6 Dic 2013

• #2

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:

 

E

Edwin Antonio Tapia Rebolledo

Épsilon

Programador

• 6 Dic 2013

• #3

Waldd0 dijo:

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:

Hacer clic para expandir...

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

Gamma

Verificación en dos pasos activada

Verificado por Whatsapp

• 6 Dic 2013

• #4

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

 

F

Facundo

Xi

• 6 Dic 2013

• #5

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!