Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

stview

Tabela com height=100% não funciona no IE

Recommended Posts

Estou usando o script de lightwindow e este só rola no ie usando o DOCTYPE correto.

Mas com esse DOCTYPE eu nao consigo usar tabelas com altura com 100% ... Tentei utilizar <?xml version="1.0" encoding="iso-8859-1"?> no início, mas dessa forma o ligthwindow deixa de funcionar.

 

Passei a manhã inteira buscando uma solução mas não encontrei nada.

Alguem teria uma saída pra esse problema?

Compartilhar este post


Link para o post
Compartilhar em outros sites

primeiramente não se usa tabelas para se estruturar sites, você já ouviu falar de tableless

aqui tem bastante conteudo sobre isso, tambem evite estilos inline.

 

exemplo:

<div style="estilo"></div>

e aqui deve ser o seu problema:

<body>
	<table align="center" border="0" cellpadding="0" cellspacing="0" height="500" width="741">
você pois HEIGHT=500 deveria definir em porcentagem

 

não estou lhe criticando apenas lhe mostrando uma maneira melhor de se usar CSS e o HTML

 

de uma lida no Laboratório de Scripts (WS)

 

;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opa, valeu pelos toques, eu ja conheço bastante tableless, e sei a verdadeira função das tabelas, e procuro não usar inline tb e etc e tal.

Mas como tudo na vida é baseado em prioridades, nesse caso não pude usar somente css, tive que apelar para tabelas mas o motivo não vem ao caso, até pq não me orgulho disso, pelo contrário...

 

Esse height com 500 não é o problema pois já usei com %, e ja usei sem setar o valor, deixando o tamanho correr baseado na coluna da esquerda. Nada funcionou. Se puderes salvar o html que disponibilizei e realizar os teste seria melhor.

 

Eu só precisava mesmo saber se tem como usar uma tabela dentro de outra com altura=100% usando esse DOCTYPE ou não, se não tiver como eu vou ter que mudar as tabelas, deixar de usar padrão colunas pra padrão linhas.

 

Obrigado pela disposição até agora.

Compartilhar este post


Link para o post
Compartilhar em outros sites

descobri o problema faça isso:

 

adicione height aqui

lightwindow</p>
			</td>
			<td align="center" height="100%" bgcolor="#A2B4AA">

pronto

 

mas mesmo assim sua página ficaria muito melhor em TABELLES =), pensa bem ainda é cedo

da tempo de trocar uma "calculadora de mão" por um "LAPTOP"... ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

acredite eu testei você deverá aplicar height em alguns lugares porem

é preferivel com CSS e sem tabelas, viu como trabalhar com tabela é meio dificil =/

vou testar de novo ok e ja posto ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

pode usar height="100%" o segredo está no cabeçalho da página, não pode conter

<!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">

 

somente usar

<html>
<head>

 

exemplo

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
</head>

<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td>
     blá blá
   </td>
 </tr>
</table>
</body>
</html>

 

testei no IE, chrome e firefox

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resposta:

 

<html style="height: 100%;">
<body style="height: 100%;">
<table style="height: 100%;">
 <tr>
     <td>....</td>
 </tr>
</table>
</body>
</html>

 

Se usar na folha de estilo

 

html, body
{
 height: 100%;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.