[Resolvido] Menu lateral que acompanha conteúdo

[Edu3dna 0]

Boa tarde pessoal do IMasters,

 

sou novato tanto aqui quanto na área de internet, este é meu segundo post aqui.

 

Meu problema é o seguinte, estou desenvolvendo um site, no qual o menu deve ficar colado ao conteúdo acompanhando o redimensionamento horizontal, o menu não precisa rolar para cima ou para baixo, a altura dele é fixa.

 

Mas não estou conseguindo fazer isto.

 

Tenho outro problema com o rodapé, mas depois eu faço outro post relacionado ao rodapé.

 

Desde já agradeço,

 

Abração,

Eduardo

[André do Vale 76]

No CSS, alcance o menu, defina:

 

position: fixed

[Wanderson Valerio 102]

Você quer que ele fique fixo acompanhando a barra de rolagem, é isso?

[Edu3dna 0]

Oi Wanderson obrigado por responder,

 

então, eu tenho um site com o conteúdo centralizado que se ajusta ao tamanho da janela, se eu fizer como o André me indicou em utilizar uma posição fixa, acredito que quando o site for aberto em monitores com tamanhos/resoluções diferentes, isto irá fazer com que o menu não acompanhe o conteúdo, tentei postar a imagem do site aqui, mas não consegui, vou tentar novamente para ver se fica mais fácil de entender.

 

Mais especificamente quero que ele acompanhe o conteúdo quando a janela for redimensionada horizontalmente, ele deve sim ter uma altura fixa, mas caso eu consiga que ele acompanhe o conteúdo, acredito que depois eu possa tentar fazer com que ele acompanhe também a barra de rolagem.

 

Não mando o código fonte, pois o negócio tá meio feio, risos, sei que isto pode alterar definitivamente na renderização do conteúdo.

 

Vou tentar dar uma limpada no código e te mando caso seja necessário.

 

No momento agradeço a atenção de todos.

 

Eduardo

 

Oi André,

 

obrigado pela resposta

[Wanderson Valerio 102]

Olá, se for o que eu entendi, é simples para se resolver, veja um exemplo.

 

div#principal {
   width: 100%;
   float: left;
   position: relative;
}
div#menu {
   width: 300px;
   float: left;
   position: absolute;
   left: 0;
}
<div id="principal">
   <div id="menu">
      <ul>
          <li>Home</li>
          <li>Empresa</li>
          <li>Serviços</li>
          <li>Contato</li>
      </ul>
   </div>
</div>

 

Dessa forma, ele fica sempre à esquerda, independentemente da resolução do monitor.

[Edu3dna 0]

Oi galera!

 

Então segue imagem de como eu preciso que o menu fique junto ao conteúdo, e se mova acompanhando o conteúdo com o redimensionamento da tela.

 

Pensei em pegar as divs do menu e do conteúdo e colocar numa div principal, sendo assim esta div principal se deslocaria de forma centralizada, e manteria juntos o menu e o conteúdo, assim está correto?

 

Caso não seja a forma correta, segue a imagem para que fique mais claro.

 

Proposta.gif

 

Grato,

Edu

[Edu3dna 0]

Gente!!

Consegui!!

 

Obrigado pela atenção de de vocês!

 

Eu estava com a estrutura errada e achava que o problema era na css.

 

Agora preciso pensar como vou resolver o rodapé, provavelmente irei precisar da ajuda de vocês para resolver a próxima questão, risos

 

Um forte abraço e boa tarde

[Wanderson Valerio 102]

Abraços meu amigão, se tiver outras dúvidas, é só postar!