Centrar todos los divs en una tabla

sacris1 · #1 (**permalink**) 12/09/2009, 05:19

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

C2am · #2 (**permalink**) 12/09/2009, 06:39

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

sacris1 · #3 (**permalink**) 12/09/2009, 09:26

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">

</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

C2am · #4 (**permalink**) 12/09/2009, 13:56

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.

sacris1 · #5 (**permalink**) 13/09/2009, 07:34

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

Gracias