Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/04/2011, 00:24
nedyer
 
Fecha de Ingreso: enero-2011
Mensajes: 94
Antigüedad: 13 años, 10 meses
Puntos: 7
Respuesta: Centrar varios div

0o' bueno la verdad es algo fácil de hacer pero te digo que estas manejando mal el css y las cajas div te dejo este codigo aver si asi es como lo quieres



<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
.Caja_Principal {
padding: 0px;
height: 200px;
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.Bloque_1 {
padding: 0px;
float: left;
height: 200px;
width: 100px;
}
.Bloque_2 {
padding: 0px;
float: left;
height: 200px;
width: 400px;
}
.Bloque_3 {
float: right;
height: 200px;
width: 100px;
}
.Imagenes {
padding: 0px;
height: 25px;
width: 100px;
float: left;
}
</style>
</head>

<body>
<div class="Caja_Principal" id="Caja_Principal">
<div class="Bloque_1" id="Bloque_1">
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
</div>
<div class="Bloque_2" id="Bloque_2"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" name="videojuicer_seed_pokerstars_presentation_540 2" width="400" height="200" id="videojuicer_seed_pokerstars_presentation_5402 " >
<param name="movie" value="http://player.videojuicer.com/bootstrap.swf"/>
<param name="allowfullscreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<param name="flashvars" value="seed_name=pokerstars&heritage_id=b3d835df-af22-4cf1-bdd3-5e9ad000d93e:&presentation_id=5402"/>
<param name="name" value="videojuicer_seed_pokerstars_presentation_54 02"/>
<param name="wmode" value="transparent"/>
<embed src="http://player.videojuicer.com/bootstrap.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" flashvars="seed_name=pokerstars&heritage_id=b3d835 df-af22-4cf1-bdd3-5e9ad000d93e:&presentation_id=5402" width="400" height="200" name="videojuicer_seed_pokerstars_presentation_540 2" wmode="transparent"/>
</embed></object></div>
<div class="Bloque_3" id="Bloque_3">
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
<div class="Imagenes" id="Imagenes"><img src="" alt="" name="Imagen" width="100" height="25" id="Imagen" /></div>
</div>
</div>
</body>
</html>