Objeto <table> más grande que <body>

06-09-2006, 00:55

Ana Cristina Aranda

Hola a todos.

En una de mis páginas estoy haciendo una tabla que debe ocupar el tamaño
completo de la página y para ello a la propiedad Height del Body le indico
que debe ser del 100% y lo mismo hago en la propiedad Height de la tabla. La
tabla está dentro del Body y sin embargo, se está saliendo de este. (lo
verifiqué porque le puse bordes a cada uno de los objetos y comprobé que el
borde inferior de la tabla está quedando por fuera del borde inferior del
body de la página).

El código que tengo es este por si alguien me puede dar una manito con esto.

<body onload="CargarPaginas();" style="height:100%">
<form id="form1" runat="server">
<table width="100%" border="1" cellpadding="0" cellspacing="2"
id="tblEvent" style="height: 100%; border-right: fuchsia thick solid;
border-top: fuchsia thick solid; border-left: fuchsia thick solid;
border-bottom: fuchsia thick solid;">
<tr id="trHeader" style="height: 20%;" valign="top">
<td style="width: 55%;">
<table id="tb1" style="border-right: maroon thick solid;
border-top: maroon thick solid; border-left: maroon thick solid;
border-bottom: maroon thick solid">
<tr>
<td style="width:10%">
<a
href="javascript:ActualizarFrame('1')">Etiqueta1</a>
</td>
<td style="width:10%">
<a
href="javascript:ActualizarFrame('2')">Etiqueta2</a>
</td>
<td>
</td>
</tr>

<tr>
<td colspan="3">
<iframe id="ifr1" src="page1.aspx"
style="width: 100%; border-top-style: none; border-right-style: none;
border-left-style: none; border-bottom-style: none; height: 100%;"
runat="server" marginheight="0" marginwidth="0">
</iframe>
</td>
</tr>
</table>
</td>

<td>
<iframe style="width: 100%; border-top-style: none;
border-right-style: none; border-left-style: none; border-bottom-style: none;
height: 100%;" src="Info.aspx" id="ifrInfo" marginheight="0" marginwidth="0">
</iframe>
</td>
</tr>

<tr id="trMain" valign="top" style="height:80%">
<td colspan="2" style="height:100%">
<table id="tblMain" style="width:100%; border-right:
blue thick solid; border-top: blue thick solid; border-left: blue thick
solid; border-bottom: blue thick solid; height: 100%;">
<tr style="height:5%">
<td style="width:10%">
<a
href="javascript:ActualizarFrame('3')">Etiqueta3</a>
</td>
<td style="width:10%">
<a
href="javascript:ActualizarFrame('4')">Etiqueta4</a>
</td>
<td style="width:10%">
<a
href="javascript:ActualizarFrame('5')">Etiqueta5</a>
</td>
<td style="width:10%">
<a
href="javascript:ActualizarFrame('6')">Etiqueta6</a>
</td>
<td>
</td>
</tr>

<tr style="height:95%">
<td colspan="5">
<iframe style="width: 100%;
border-top-style: none; border-right-style: none; border-left-style: none;
border-bottom-style: none; height: 100%;" src="page2.aspx" id="ifr2"
marginheight="0" marginwidth="0">
</iframe>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>

</body>

Gracias,

Ana Cristina

06-09-2006, 02:00

Jose A. Fernandez

Hola Ana
A la etiqueta body no la tienes que tocar mucho...

1) la tabla:
<table width="100%" height="100%" border="0" cellspacing="0"
cellpadding="0">
....

2) body
Normal. Pero si quieres puedes sacar el margen con css

3) importante....si tu pagina empieza algo asi
<!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>

Tiene que quedar algo asi
<html>
<head>
simple.. si el DOCTYPE

Enlaces:
Porque debes sacar el DOCTYPE para que se pueda "aceptar" por llamarlo
asi lo que necesitas realizar con la tabla y sus propiedades de alto y
ancho que son características orientadas a la presentación que
deberian estar en un estilo CSS.... bueno esto mismo que deseas
realizar con la tabla se deberia hacer con contenedores DIV..
¿Qué es el XHTML Doctype?
http://www.eslomas.com/index.php/arc...xhtml-doctype/

Espero que te sirva de ayuda o guia...
______________________
Jose A. Fernandez

Ana Cristina Aranda ha escrito:
[..]

06-09-2006, 18:21

Ana Cristina Aranda

Hola José:
Muy bueno el artículo sobre el DocType.... tal vez por esta instrucción era
que el contenido de mi página no se distribuía completamente en ella sino
sólo hasta la mitad? Me queda una inquietud con base en lo que leí del
artículo: Si le quito esta instrucción a mi página no pierde estandarización?

Ana

"Jose A. Fernandez" wrote:
[..]

06-09-2006, 20:00

Jose A. Fernandez

Perder estandarización??
mmmm ... esta parte DocType, DTD ..etc es solo para que el navegador
sepa como parsear tu pagina, si no colocas el navagedor la parsea con
su metodo por defecto.
La estandarización no viene de la mano de una linea sino de como tu
implementas o escribes el codigo dentro HTML en este caso.
_________________________
Jose A. Fernandez

Ana Cristina Aranda ha escrito:
[..]

06-09-2006, 20:41

Ana Cristina Aranda

Hola José:
Le quité la instrucción Doctype a mi página y ya no debo asignarle el height
al body y de paso me funciona también en mozilla (cosa que antes no hacía).
Lo que si no se me solucionó fue lo de la tabla que se me sale del body, esto
lo solucioné de una manera que no me pareció tan lógica... dentro de mi tabla
(como te habrás podido dar cuenta por el código que postee) hay dos filas a
las que les definí el height en términos de porcentajes (20 y 80,
respectivamente), la segunda fila sòlo posee una columna dentro de la cual
definí otra tabla cuyo atributo height tiene 100% (para mí esto significa que
debe ocupar todo el alto de la fila que es el 80% de la pantalla) y esa tabla
a su vez tiene dos filas cuyos altos también los definí en términos de
porcentajes (5 y 95% respectivamente) pero con ese ùltimo 95% que debería ser
del 100% que ocupa la tabla y no de la página total es que se me sale del
body, lo constaté porque le dije que su alto fuera 15% y ya no se me salió la
tabla del body... extraño, verdad?

Gracias nuevamente por toda tu ayuda,

Ana

"Jose A. Fernandez" wrote:
[..]

07-09-2006, 00:17

Matías

Ana, probablemente sea por el "cellspacing=2" de la tabla, que te está
metiendo un espacio extra para separar las celdas.

Saludos.

Ana Cristina Aranda escribió:
[..]

Temas Similares
Tema	Autor
Manipular un objeto Table por codigo.. Hola Grupo... Como hago referencia a una tabla por codigo.. a un boton pues digo Button1.Text = "algo" en diseño la propiedad ID de la tabla la modifique tblCampos pero ya...	Lord Voldemort
Objeto Table Saludos Cordiales Tengo un objeto Table en un webform, la cual tiene 32 columnas. Cómo puedo hacer para poner en la primera fila un título que vaya centrado de acuerdo a la...	Geovanny Castillo
OBJETO TABLE - VIEWSTATE?? Estimados amigos: Ojala puedan ayudarme he creado dinamicamente una tabla con objetos textbox, pero al hacer clic en un boton que he ingresado no se guarda el estado de este...	CRISTHIAN MASSA MEDINA
OBJETO TABLE Estimados amigos: Genero dinámicamente un objeto table con objetos textbox el cual lleno a partir de un evento cambio de un combobox, pero al hacer clic en cualquier boton...	CRISTHIAN MASSA MEDINA
Objeto TABLE Hola; estoy intentando crear una página que contenga una tabla, en la que se puedan añadir filas a voluntad del usuario, pero sin que pierda los datos anteriormente...	XTV \(Madrid\)