Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa Tarde,
Conforme título do Post, precisaria que o Menu do meu site se ajuste conforme o tamanho da página (altura) se estende.
Segue print de exemplo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i68.tinypic.com/fx5oc6.png&key=97e82726cd504e978738608b90905b09af66a72504ea2a714f446b08c899e696" alt="fx5oc6.png" />
Visto que o menu começa em "Início" e acaba em "contato", porém, como visto no Print à cima, a Altura do menu não se adapta conforme a altura do corpo de texto do síte, onde é preenchido com a informação "Texto aqui", de exemplo.
Gostaria que a altura do menu fosse regulada automaticamente conforme vai sendo adicionadas mais linhas de texto à página.
Segue código CSS à baixo:
#menu
{
width: 200.6px;
height: 530px;
background-color: #2F4F4F;
float: left;
font-family: Arial;
list-style: none;
border: 3px solid Black;
}Atenciosamente,
Augusto Steffen.
Augusto, sua dúvida é um tanto quanto esquisita, pra ser sincero.
Mas vamos lá... Pra você deixar o menu com altura completa, você pode trabalhar com o height: 100%; (com algumas predefinições antes) ou com height: 100vh (sem predefinições em body). Pra que seu menu se ajuste a altura de algo, ele precisar ter um height: auto; e estar dentro de um mesmo container onde estão as informações.
Se o seu menu precisa ter a altura de um conteúdo que está fora dele, você vai precisar brincar um pouco com JS, caso contrário, isso se torna inviável, até porque pra ele dar uma altura automática (que é representada pela quantidade de filhos), ele precisa ter filhos.
Reveja sua dúvida, trabalhe essas possíveis soluções e retorne caso realmente queira uma solução em JavaScript.