Foros del Web » Creando para Internet » Diseño web »

Centrar todos los divs en una tabla

Estas en el tema de Centrar todos los divs en una tabla en el foro de Diseño web en Foros del Web. Hola a todos estoy haciendo una web de fotos y me estoy centrando en una camara de fotos. Mi idea es la siguiente quiero centrar ...
  #1 (permalink)  
Antiguo 12/09/2009, 06:19
 
Fecha de Ingreso: julio-2008
Mensajes: 140
Antigüedad: 9 años, 4 meses
Puntos: 1
Exclamación Centrar todos los divs en una tabla

Hola a todos estoy haciendo una web de fotos y me estoy centrando en una camara de fotos.
Mi idea es la siguiente quiero centrar las diferentes secciones en partes muy concretas de la pàgina para hacer esto uso los divs junto con los iframes.
Si los pongo con la position absolute de las css funciona bien pero estoy muy limitado.

Pero mi intención es poner todo esto (divs) en una tabla para poder centrarla segun la resolución y asi me mantenga todo tal y como esta. Los divs los pongo en inherit para que se muevas todos pero me los pone todos arriva. ¿Como lo puedo hacer para que no me haga esto?
Si se pudiera como agrupar todo de alguna manera...
No se
No se si m'he he explicado muy bien, espero que si gracias
  #2 (permalink)  
Antiguo 12/09/2009, 07:39
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Centrar todos los divs en una tabla

Hola sacris1
No hace falta poner una tabla para centrar. Es mas, las tablas no son para maquetar.
Pon el codigo html y css que estas usando o un link para ver tu página así es más fácil ayudarte.
Un saludo
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 12/09/2009, 10:26
 
Fecha de Ingreso: julio-2008
Mensajes: 140
Antigüedad: 9 años, 4 meses
Puntos: 1
Respuesta: Centrar todos los divs en una tabla

Aqui les dejo el código que tengo, con todos los divs i tal
Lo he hecho con el dreamweaver por si sirve de algo.
Si conoceis alguna forma mejor para centrar que no sea con una tabla y me respete las posiciones exactas i tal. Mejor



<!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>Web personal de fotos de Luisa</title>
<style type="text/css">
<!--
body {
background-image: url();
background-color: #514848;
}
#apDiv1 {
position:absolute;
width:859px;
height:557px;
z-index:0;
left: 65px;
top: 11px;
}
#menu_superior {
position:absolute;
width:963px;
height:27px;
z-index:1;
left: 37px;
top: 20px;
background-color: #999999;
}
#foto_fons {
position:absolute;
width:966px;
height:54px;
z-index:2;
left: 37px;
top: 54px;
background-color: #FFCC00;
background-image: url(fondos/top_move.jpg);
}
#foto {
position:absolute;
width:115px;
height:92px;
z-index:3;
left: 829px;
top: 68px;
}
#categorias {
position:absolute;
width:285px;
height:31px;
z-index:4;
left: 236px;
top: 79px;
background-color: #00FFFF;
}
#central {
position:absolute;
width:564px;
height:399px;
z-index:5;
left: 116px;
top: 166px;
background-color: #222224;
}
body {
background-color: #514848;
}
#enllaços_superior {
position:absolute;
width:476px;
height:20px;
z-index:6;
left: 45px;
top: 24px;
}

a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #FFFFFF;
}
a:active {
color: #FFFFFF;
}
#apDiv2 {
position:absolute;
width:149px;
height:407px;
z-index:1;
left: 641px;
top: 142px;
}
#apDiv3 {
position:absolute;
width:135px;
height:25px;
z-index:6;
left: 527px;
top: 82px;
}
.Estilo1 {color: #FFFFFF}

-->
</style></head>

<body>
<div id="apDiv1">
<div id="apDiv2">
<iframe src="totes_miniatura.php" width="148" height="407" frameborder="0" scrolling="no" name="fotos" id="fotos"></iframe>
</div>
<img src="fondos/nikon_p60_Retocada6.png" width="858" height="614" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="46,57,133,122" href="administrador/administrador.php" />
</map></div>
<div id="central">
<iframe src="album_fotos/album_fotos.php" width="566" height="400" name="central" scrolling="no" frameborder="0"></iframe>
</div>
<div id="categorias">
<iframe width="285" height="31" src="mostrar_categorias.php" frameborder="0" scrolling="no"></iframe>
</div>
<div class="Estilo1" id="apDiv3">
Selecciona
categoria:</div>
</body>
</html>

Gracias
  #4 (permalink)  
Antiguo 12/09/2009, 14:56
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Centrar todos los divs en una tabla

Prueba agregando esto:
dentro de
<style>

#contenedor {
width: 1000px; /* vi que el mayor ancho era 966 asi que puse uno mayor*/
margin: 0 auto; /* para centrar este div y en consecuencia todo su contenido*/
position: relative; /* esto, si no me equivoco, hará que las pos. abs. estén referidas a este div*/
}

</style>
y despues de <body>, es decir:

<body>
<div id="contenedor">

.....

</div>
</body>
Un saludo y espero haberte ayudado, ya que soy nuevo en esto.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #5 (permalink)  
Antiguo 13/09/2009, 08:34
 
Fecha de Ingreso: julio-2008
Mensajes: 140
Antigüedad: 9 años, 4 meses
Puntos: 1
Respuesta: Centrar todos los divs en una tabla

Gracias por tu respuesta, no sabia que existiera esta opción la estoy probando y parece que hace lo que pedia.

Gracias
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 15:02.