Doctype

Citar

Escrito el 13 Ago 2008 07:48 am

Hola

En una página intento utilizar las siguientes etiquetas DOCTYPE:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Pero, cuando intento insertar una tabla con 100% de alto, no la respeta. No la hace estirarse al 100% del alto de la pantalla.

Código :

<table style="height:100%">
<tr>
    <td style="vertical-align:middle">

Pero, si utilizo la etiqueta:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

Ahi si me estira la tabla al alto de la pantalla.

Alguno sabe porque ocurre esto, y cómo se puede solucionar para poder utilizar la etiqueta DOCTYPE HTML 4.01 ????

gracias de antemano, saludos

Por alhambraeidos

5 de clabLevel

Envíale un mensaje privado Email

Citar

Escrito el 13 Ago 2008 08:21 pm

alhambraeidos, eso no es un problema en si, es parte del estándar 4.01, ¿para qué quieres estirar una tabla al 100% de la pantalla? no es algo muy usable que digamos, si estás diseñando con tablas, abandona esa práctica antigua y adopta de una buena vez el estándar (tu cambio al 3.2 me dice que es lo que estás haciendo) usa etiquetas div y juega con los atributos de css.

Por Aoyama

BOFH

6224 de clabLevel

6 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Bastard Operators From Hell

Envíale un mensaje privado

Webdesigner & Developer, en mis ratos libres bebo café por litros.

Citar

Escrito el 14 Ago 2008 07:55 am

Hola,

necesito centrar una tabla en mi página, desgraciadamente no hay tiempo para diseñar con capas, eso es lo que nos han entregado.
Qué podría hacer ?

Saludos.

Este es el código:
<div style="text-align: center;">

<table style="height:100%;">
<tr>
<td style="vertical-align:middle;text-align: center;">
<table id="Login1" cellspacing="0" cellpadding="0" border="0" style="color:#333333;background-color:#F7F6F3;border-color:#E6E2D8;border-width:1px;border-style:Solid;font-family:Verdana;font-size:0.8em;border-collapse:collapse;">
<tr>
<td>
<table width="100%" border="1" cellpadding="0" cellspacing="0" align="center" >
<tr style="height:100%;vertical-align:middle">
<td align="center" >
<table width="400" border="0" cellpadding="0" cellspacing="0" class="tabla">
<tr>
<td colspan="4" class="cabecera">Panel de Control
</td>
</tr>
<tr>
<td colspan="4" class="subcabecera">Introduzca el nombre de usuario en "Usuario" y
la contraseña en "Contraseña".<br>
Después haga clic en "Iniciar Sesión"
</td>
</tr>
<tr height="30">
<td colspan="4" class="error" >

</td>
</tr>
<tr>
<td colspan="1"> 
</td>
<td colspan="1">
<span id="Label1" class="ctexto">Usuario</span>
</td>
<td colspan="2">
<input name="Login1$UserName" type="text" id="Login1_UserName" class="ctexto" />
<span id="Login1_UserNameRequired" style="color:Red;visibility:hidden;">*</span>
</td>
</tr>
<tr>
<td colspan="1"> 
</td>
<td colspan="1">
<span id="Label2" class="ctexto">Contraseña</span>
</td>
<td colspan="2">
<input name="Login1$Password" type="password" id="Login1_Password" class="ctexto" />
<span id="Login1_PasswordRequired" style="color:Red;visibility:hidden;">*</span>
</td>
</tr>
<tr>
<td colspan="4"> 
</td>
</tr>
<tr>
<td width="10%"> </td>
<td width="30%" align="left"> </td>
<td width="50%" align="right">
<input type="submit" name="Login1$Login" value="Login" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Login1$Login", "", true, "", "", false, false))" id="Login1_Login" class="ms-topnav ms-topnavselected zz3_TopNavigationMenu_13 ms-topNavHover" />
</td>
<td width="10%"> </td>
</tr>
<tr>
<td> </td>
<td align="left"> </td>
<td align="right"> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr></table>

</div>

Por alhambraeidos

5 de clabLevel

Envíale un mensaje privado Email

Citar

Escrito el 14 Ago 2008 11:17 am

A ver... no se trata de meter las cosas con calzador.
O trabajas bien, o trabajas mal.
No puedes pretender producir un trabajo regular, y hacerlo pasar por uno aceptable, con una validación que no tiene.

En cualquier caso, aún usando el HTML4.0, estás a años luz de lo que actualmente se debe hacer: xHTML 1.1.

Deberías plantearte una actualización.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 14 Ago 2008 12:25 pm

Gracias.

A pesar de todo, si se sigue utilizando HTML 4.0, habría alguna solución al respecto ? Alguna propiedad que tenga que añadir en todo el código HTML que tengo ?

Y ya que estamos, alguna página con algún ejemplo, para pasar de una tabla como la que he expuesto, a un diseño totalmente en capas y xHTML 1.1 ?.

Gracias de antemano.

Por alhambraeidos

5 de clabLevel

Envíale un mensaje privado Email

Doctype

Escribe una respuesta rapida