centrar capa en tabla

hendrix · #1 (**permalink**) 24/02/2004, 10:34

hola
con dreamweaver se podria centrar una capa dentro de la celda de una tabla ya que al cambiar la resolucion la capa se corre.
gracias

kahlito · #2 (**permalink**) 24/02/2004, 11:22

Hola hendrix prueba con esto:

<table width="100%" border="0">
<tr>
<td><div align="center">
<div id="capa" style="position:relative; width:100px; height:100px; z-index:1; border: 1px none #000000;"></div>
</div></td>
</tr>
</table>

En dreamweaver se hace colocandote en el centro de la tabla y luego en el Menu/Insertar/Capa metes la capa, luego cambias de position absoluta a relativa.

Un saludo

hendrix · #3 (**permalink**) 24/02/2004, 14:00

gracias pero me queda una duda:
como centro mi capa en una celda de mi tabla. mi pagina consta de 2 filas y la fila de abajo dividida en dos columnas, lo quiero es centrar la capa en la celda derecha de abajo
gracias

kahlito · #4 (**permalink**) 24/02/2004, 14:45

Hola de nuevo hendrix, para hacer eso solo tienes que centrarte en la celda e insertar la capa que quieras y luego cambiar a position relativa, ejemplo:

<table width="100%">
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td> </td>
<td><div align="center">
<div id="capacentradaenceldaderecha" style="position:relative; width:100px; height:100px; z-index:1;"></div>
</div></td>
</tr>
</table>

Espero que te sirva

hendrix · #5 (**permalink**) 24/02/2004, 15:10

mejor mando el codigo que me genera dreamweaver: se supone que tengo 3 celdas, una superior y dos inferiores. quiero centrar mi capa en la inferior derecha para evitar distorciones al cambiar de resolucion. gracias.
cada celda tiene su propio fondo ok.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">

//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" background="fondo_big.png">
<div align="center">
<table width="760" border="0" cellspacing="0" cellpadding="0" height="600">
<tr>
<td background="portada_arriba.png" colspan="2" height="115"> </td>
</tr>
<tr>
<td background="portada_izquierda.png" width="218" height="485" align="center" valign="top">
<div align="center">
<p> </p>
<p> </p>
</div>
</td>
<td background="portada_derecha1.png" width="543">
<div align="center">
<div id="Layer1" style="position:absolute; width:402px; height:115px; z-index:1; left: 407px; overflow: auto; top: 161px">
<div align="left"></div>
</div>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>

kahlito · #6 (**permalink**) 25/02/2004, 09:06

Hola hendrix, no se cual será tu problema o mejor dicho que quieres hacer exactamente...........

pero si te fijas bien pones la capa centrada en la celda y luego le pones tambien la posición por el alto y la izquierda, mejor utiliza una u otra y así podras comprobar o dejar la capa donde quieras.

Un saludo