Ver Mensaje Individual
  #3 (permalink)  
Antiguo 12/09/2009, 09:26
sacris1
 
Fecha de Ingreso: julio-2008
Mensajes: 155
Antigüedad: 16 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