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í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"> </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í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"> </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.