Ver Mensaje Individual
  #13 (permalink)  
Antiguo 11/11/2010, 08:25
TIFORO
 
Fecha de Ingreso: junio-2008
Ubicación: Madrid
Mensajes: 374
Antigüedad: 15 años, 9 meses
Puntos: 1
Respuesta: capa se mueve

Primero tengo una tabla que seria el contenido de la página va centrada en centro el pagina web.

Segundo quiero colocar una capa encima de esa tabla pero en la parte de la derecha que tenga botones de enlaces y que sobre salga la tabla inferior:

Código HTML:
<!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&iacute;tulo</title>
<style type="text/css">
<!--
#apDiv2 {
	position:relative;
	left:300px;
	top:22px;
	width:286px;
	height:700px;
	z-index:1;
	background-color: #808080;
	text-align: center;
	right: 555px;
}
-->
</style>
</head>

<body>

<table width="740" height="523" border="1" align="center">
  <tr>
    <td height="517" colspan="4" bgcolor="#99FF99">&nbsp;</td>
    <td><div  align="center" id="apDiv2">
  <p>ffggfgfg</p>
  <p>gf</p>
  <p>fg</p>
  <p>fg</p>
  <p>g</p>
  <p>fg</p>
  <p>fg</p>
  <p>g</p>
  <p>fg</p>
  <p>fg</p>
  <p>gf</p>
  <p>gf</p>
  <p>g</p>
</div></td>
  </tr>
</table>
</body>
</html> 
Problema de esta manera a restaurar la ventana no se mueve la capa por que la tabla va al centro y la capa va con su cordinación pero aumenta el tamaño de la tabla se hace con mas altura de la tabla y no deberia pasar esto.

Capa con fixed:

Código HTML:
<!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&iacute;tulo</title>
<style type="text/css">
<!--
#apDiv2 {
	position:fixed;
	left:300px;
	top:22px;
	width:286px;
	height:700px;
	z-index:1;
	background-color: #808080;
	text-align: center;
	right: 555px;
}
-->
</style>
</head>

<body>

<table width="740" height="523" border="1" align="center">
  <tr>
    <td height="517" colspan="4" bgcolor="#99FF99">&nbsp;</td>
    <td><div  align="center" id="apDiv2">
  <p>ffggfgfg</p>
  <p>gf</p>
  <p>fg</p>
  <p>fg</p>
  <p>g</p>
  <p>fg</p>
  <p>fg</p>
  <p>g</p>
  <p>fg</p>
  <p>fg</p>
  <p>gf</p>
  <p>gf</p>
  <p>g</p>
</div></td>
  </tr>
</table>
</body>
</html> 
Y con la capa fixed lo que hace que se incrusta en la tabla pero tiene que estar fuera de la tabla quiero decir encima.

Resumen:

Necesito una tabla que vaya en el centro y una capa en la parte de la derecha pero en el centro.

Me podeis ayudar porfavor.

Se lo agradeceria mucho.

Porfavor.

Saludos.
__________________
Cada día se aprende algo nuevo