Como usar um script para controlar a configuração adaptativa de altura de um div com três linhas e três colunas Na verdade, não precisa ser tão problemático. Basta definir uma altura fixa para o div pai, como 10px. a altura de seu div filho: 100% para conseguir a adaptação de altura. Se você não acredita, veja o Código:
<head>
<style>.
corpo {
família de fontes: arial, helvética, sans-serif;
cor: preto;
margem: 5px;
background:#ffc url(d:/8767a.gif) repetir-y;
preenchimento: 0;
fonte:12px;
espaçamento entre letras: 1px;
alinhamento de texto:centro;
fonte:120%;
}
ul
{
tipo de estilo de lista: quadrado;
imagem de estilo de lista:url(d:/8767a.gif);
posição de estilo de lista: dentro;
}
li
{
borda: 1px verde sólido;
largura da borda:0px 0px 1px 0px;
cursor: espere;
}
.em linha
{
exibição: bloco;
}
.div
{
paddin-top:-40px;
}
.maxfont
{
tamanho da fonte: 180%;
}
#cabeçalho
{
fundo:cinza;
margem:2px 0px;
largura:790px;
}
#esquerda
{
plano de fundo:#ffeef0;
flutuar:esquerda;
largura:195px;
altura:100%;
}
#meio
{
histórico:#ffaae0;
flutuar:esquerda;
largura:390px;
margem:0px 5px;
altura:100%;
}
#certo
{
fundo:#ffaaaa;
flutuar:esquerda;
largura:195px;
largura:-10px;
altura:100%;
}
#rodapé
{
plano de fundo:#ffaa11;
claro: ambos;
largura:790px;
margem:1px 0px;
}
#esquerda,#meio,#direita
{
alinhamento de texto: esquerda;
recuo do texto:24px;
}
#contente
{
margem:0px automático;
largura:790px;
altura:400px;
}
</style>
</head>
<body>
<div style="display:none">
esta tarde
<ul class="inline">
<li>
<p class="div">Modo normal</p>
<p class="maxfont">ssss</p>
<p>aaaaa</p>
<bff>
</li>
<li>Tutorial XHTML da Cidade dos Sonhos.</li>
<li>Tutorial CSS da Cidade dos Sonhos.</li>
<li>Tutorial JAVASCRIPT da Cidade dos Sonhos.</li>
</ul>
</div>
<div style="display:none">
Vítimas
<ul>
<li>v gma a a</li>
<li>ddd dkdkdkd</li>
</ul>
</div>
<div id="header">
<h1>O script controla três linhas e três colunas de layout DIV de altura adaptável</h1>
</div>
<div id="content">
<div id="left">A acessibilidade não envolve apenas pessoas cegas e leitores de tela. Há também muitas pessoas que não são cegas, mas têm
deficiência visual - e você e eu nos tornaremos uma delas à medida que envelhecermos. Uma das maneiras mais simples de tornar um site mais amigável é permitir que os usuários alterem
o tamanho do texto; recusar-se a oferecer tal opção tira o controle do usuário e pode impedi-lo de ler confortavelmente;
Acessibilidade não envolve apenas pessoas cegas e leitores de tela.
Há também muitas pessoas que não são cegas, mas têm deficiência visual – e você e eunos tornaremos uma delas
à medida que envelhecermos
.Uma das maneiras mais simples de tornar um site mais amigável é permitir que os usuários alterem o tamanho do texto; recusar-se a oferecer
tal opção tira o controle do usuário e pode impedi-lo de ler confortavelmente;
</div>
<div id="middle">Acessibilidade não envolve apenas pessoas cegas e leitores de tela. Há também muitas pessoas que não são cegas, mas têm deficiência
visual
- e você e eu nos tornaremos uma delas à medida que envelhecermos.Uma das maneiras mais simples de tornar um site mais amigável é permitir
que os usuários alterem
o tamanho do texto; recusar-se a oferecer tal opção tira o controle do usuário e pode impedi-lo de ler confortavelmente;Se os designers especificarem o tamanho do texto em pixels, a maioria dos usuários não conseguirá dimensionar o texto porque o Internet Explorer
altera
o tamanho do texto de maneira diferente de outros navegadores.Mozilla e Opera podem dimensionar texto que foi definido para um tamanho de pixel, mas
o IE no Windows não.
Acessibilidade não envolve apenas pessoas cegas e leitores de tela.
Há também muitas pessoas que não são cegas, mas têm deficiência visual – e você e eunos tornaremos uma delas
à medida que envelhecermos
.Uma das maneiras mais simples de tornar um site mais amigável é permitir que os usuários alterem o tamanho do texto; recusar-se a oferecer
tal opção tira o controle do usuário e pode impedi-lo de ler confortavelmente;
Se os designers especificarem o tamanho do texto em pixels, a maioria dos usuários não conseguirá dimensionar o texto porque o Internet Explorer
altera
o tamanho do texto de maneira diferente de outros navegadores.Mozilla e Opera podem dimensionar texto dimensionado em pixels, mas
o IE no Windows não pode. Se os designers usarem pixels para especificar o tamanho do texto, a maioria dos usuários não conseguirá dimensionar o texto porque o Internet Explorer
altera
o tamanho do texto da mesma maneira.são diferentes. Mozilla e Opera podem dimensionar texto que foi definido para um tamanho de pixel, mas
o IE no Windows não.
Acessibilidade não envolve apenas pessoas cegas e leitores de tela.
Há também muitas pessoas que não são cegas, mas têm deficiência visual – e você e eunos tornaremos uma delas
à medida que envelhecermos
.Uma das maneiras mais simples de tornar um site mais amigável é permitir que os usuários alterem o tamanho do texto; recusar-se a oferecer
tal opção tira o controle do usuário e pode impedi-lo de ler confortavelmente;
Se os designers especificarem o tamanho do texto em pixels, a maioria dos usuários não conseguirá dimensionar o texto porque o Internet Explorer
altera
o tamanho do texto de maneira diferente de outros navegadores.Mozilla e Opera podem dimensionar texto dimensionado em pixels, mas
o IE no Windows não pode. Se os designers usarem pixels para especificar o tamanho do texto, a maioria dos usuários não conseguirá dimensionar o texto porque o Internet Explorer
altera
o tamanho do texto da mesma maneira.são diferentes. Mozilla e Opera podem dimensionar texto que foi definido para um tamanho de pixel, mas
o IE no Windows não.
Acessibilidade não envolve apenas pessoas cegas e leitores de tela.
Há também muitas pessoas que não são cegas, mas têm deficiência visual – e você e eunos tornaremos uma delas
à medida que envelhecermos
.Uma das maneiras mais simples de tornar um site mais amigável é permitir que os usuários alterem o tamanho do texto; recusar-se a oferecer
tal opção tira o controle do usuário e pode impedi-lo de ler confortavelmente;
Se os designers especificarem o tamanho do texto em pixels, a maioria dos usuários não conseguirá dimensionar o texto porque o Internet Explorer
altera
o tamanho do texto de maneira diferente de outros navegadores.Mozilla e Opera podem dimensionar texto que foi definido para um tamanho de pixel, mas
o IE no Windows não.
</div>
<div id="right">Acessibilidade não envolve apenas pessoas cegas e leitores de tela. Há também muitas pessoas que não são cegas, mas têm deficiência
visual
- e você e eu nos tornaremos uma delas à medida que envelhecermos.Uma das maneiras mais simples de tornar um site mais amigável é permitir
que os usuários alterem
o tamanho do texto; recusar-se a oferecer tal opção tira o controle do usuário e pode impedi-lo de ler confortavelmente;</div>
</div>
</div>
<div id="footer"> Bem-vindo a: www.devdao.com</div >
</body>