Foros del Web » Creando para Internet » HTML »

Ayuda con el height con IE8

Estas en el tema de Ayuda con el height con IE8 en el foro de HTML en Foros del Web. Hola Después de buscar por todos los foros, no soy capaz de resolver el siguiente problema: Resulta que cuando pongo el DOCTYPE, el height parece ...
  #1 (permalink)  
Antiguo 02/11/2010, 03:14
 
Fecha de Ingreso: noviembre-2010
Mensajes: 2
Antigüedad: 7 años, 1 mes
Puntos: 0
Ayuda con el height con IE8

Hola

Después de buscar por todos los foros, no soy capaz de resolver el siguiente problema:

Resulta que cuando pongo el DOCTYPE, el height parece que no está reconocido y no me amplía el DIV gris oscuro al tamaño de la celda cuando uso el IE8 (con firefox no pasa esto).

Os dejo aquí el ejemplo.

Gracias


<!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 runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<table style="height: 100%; border-collapse:collapse;" border=1>
<tr>
<td style="border: red 1px solid; height: 20%;">fila 1</td>
<td>col2</td>
</tr>
<tr>
<td rowspan="3" style="border: red 1px solid; height: 60%; padding:5px;"><div id="Div2" style="padding:5px;height: 100%; background-color:#444444;">fila 2,3,4</div></td>
<td>col2</td>
</tr>
<tr>
<td>col2</td>
</tr>
<tr>
<td>col2</td>
</tr>
<tr>
<td style="border: red 1px solid; height: 20%;">fila 5</td>
<td>col2</td>
</tr>
</table>
</form>
</body>
</html>
  #2 (permalink)  
Antiguo 02/11/2010, 09:41
Avatar de seudoCodigo  
Fecha de Ingreso: octubre-2003
Ubicación: Puerto Rico
Mensajes: 163
Antigüedad: 14 años, 1 mes
Puntos: 1
Respuesta: Ayuda con el height con IE8

tal vez si le quitas la propiedad "height:100%;" al DIV de color gris oscuro
  #3 (permalink)  
Antiguo 03/11/2010, 03:12
 
Fecha de Ingreso: noviembre-2010
Mensajes: 2
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Ayuda con el height con IE8

Pues se lo he quitado y no hace nada.

¿A alguien se le ocurren más soluciones?
  #4 (permalink)  
Antiguo 03/11/2010, 12:16
Avatar de Abrahamsas  
Fecha de Ingreso: abril-2009
Ubicación: Guatemala
Mensajes: 21
Antigüedad: 8 años, 8 meses
Puntos: 2
Mensaje Respuesta: Ayuda con el height con IE8

Y si le pones el fondo gris a la celda y no al div?

Código HTML:
Ver original
  1. <td rowspan="3" style=" background-color:#444444;border: red 1px solid; height: 60%; padding:5px;"><div id="Div2" style="padding:5px;height: 100%;">fila 2,3,4</div></td>
  #5 (permalink)  
Antiguo 04/11/2010, 13:08
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Ayuda con el height con IE8

El problema es que le estás diciendo a tu div que tenga el 100% de algo (tu td) que es el 60%, pero 60% de qué?, de un tr que la contiene?
lo que tenés que hacer es asignarle un alto que no sea porcentual a tu celda.

Cuando quitas el Doctype, la cosa cambia, empiezas a trabajar en lo que se denomina "quircksMode" ( http://sigt.net/archivo/que-pasa-en-...rks-mode.xhtml ), en donde el modelo de caja se rompe, y cada navegador hace lo que se le ocurre, deberias usar 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Div gris</title>
<style type="text/css">
<!--
.dgris {
background-color: #333333;
height: 100%;
width: 100%;
}
.tdx {
height: 100px;
}
-->
</style>
</head>

<body>
<table border="1" cellspacing="1" cellpadding="1">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td rowspan="3" class="tdx"><div class="dgris">Div Gris</div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: height
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:55.