Centrado revelde

heyruben · #1 (**permalink**) 21/09/2011, 03:14

hola a todos!
Me ha gustado el titulo de mi post jeje creo q suena a estrada de blog geek!!

Bueno ahora si a hablar serio

pues tengo un problema soy un poco torpe con el css y juega conmigo con mis novatadas jeje, a ver si aclaro mi pregunta.. segun yo" margin: 0 auto;" centra el div del escenario pero cuando tengo un div como contenedor de 1 y/o 3 divs en float como lo centro?

Aqui les dejo la imagen a ver si se me entiende!

y es q el firebug ni el web developer los entiendo y no quiero usar 960 ni blueprint xq tengo q primero aprender a manejar el css no q el me maneje a mi

IsaBelM · #2 (**permalink**) 21/09/2011, 05:58

si es uno

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#cont {width: 280px; height: 280px; background-color:#000;}
#cont[id] {display: table;}

#aligncontenido[id] {display: table-cell; vertical-align: middle;}
#aligncontenido div {margin: 0 auto; width: 100px; height: 100px; background-color: #fff;}
</style>
</head>
<body>
<div id="cont">
<div id="aligncontenido">
<div>Texto</div>
</div>
</div>
</body>
</html>

dos o mas

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#cont {width: 280px; height: 280px; background-color:#000;}
#cont[id] {display: table;}

#aligncontenido[id] {display: table-cell; vertical-align: middle;}
#aligncontenido{text-align: center;}
#aligncontenido div {width: 100px; height: 100px; background-color: #fff; display: inline-block; text-align: left;}
</style>
</head>
<body>
<div id="cont">
<div id="aligncontenido">
<div>Texto</div>
<div>Texto</div>
</div>
</div>
</body>
</html>

heyruben · #3 (**permalink**) 21/09/2011, 13:50

Este tema no le ha gustado a 1 personas??? wow lo siento es q no se a quien preguntar :-s

Isabel gracias!!

ahora tengo un pequeño inconveniente: hay alguna propiedad que haga que cuando hago divs con float dentro del un div esto permanezcan dentro de el div contenedor? no se si me explico

IsaBelM · #4 (**permalink**) 21/09/2011, 14:19

tu pregunta es referente al segundo código?? si es así, haz estos cambios

Cita:

#aligncontenido div {width: 100px; height: 100px; background-color: #fff; text-align: left; float: left; margin-left: 30px;}

el valor de margin-left es una estimación