Skip to main content
Pergunta fechada como "Duplicada" por Largato, Maniero, Renan Gomes, utluiz
adicionou 2104 caracteres ao conteúdo
Fonte Link

Gostaria que a <div id="divAreaMenuLateral"> que esta em laranja que esta na vertical fique dentro da <div id="divAreaConteudo"> que esta em vermelho é possível fazer isso ?? Gostaria de fazer essa tela Eu não quero centralizar quero que fique do mesmo height <div id="divAreaMenuLateral"> dentro da <div id="divAreaConteudo"> ou seja se aumento o responsivaheight da ..<div id="divAreaConteudo"> a <div id="divAreaMenuLateral"> se ajusta automaticamente.

Código HTML

<html>
<header>
   <title>ERP</title>
</header>
<body>
<div id="divAreaSite">
   <!--span id="AreaSite"> Area Site</span-->
   <div id="divAreaConteudo">
      <!--span id="AreaConteudo"> Area Conteudo</span-->

      <div id="divAreaTitulo">
         <span id="AreaTitulo"> Area Titulos</span>
      </div>
      <div id="divAreaMenu">
         <span id="AreaMenu"> Area Menu</span>
      </div>
      <div id="divAreaMenuLateral">
         <!--span id="AreaMenuLateral"> Area Menu Lateral</span-->
      </div>

      <div id="divAreaDados">
          <!--span id="AreaDados"> Area Dados</span>

          <!--div id="divVendas">
              <span id="AreaVendas"> Vendas</span>
          </div>

          <div id="divVendasDados">
              <span id="VendasDados"> Vendas Dados</span>
          </div-->
      </div>
   </div>
</div>
</body>
</html>

Código CSS

html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
#divAreaSite {
    background-color: #1f3ff0;
    width: 100%;
    height: 100%;
}

#divAreaConteudo {
    background-color: #f03a45;
    margin-left: 3%;
    margin-right: 3%;
    width: 90%;
    height: 60%;
}

#divAreaTitulo {
    background-color: #76f0cb;
    width: 100%;
}

#divAreaMenu {
    background-color: #2ff062;
    width: 100%;
}

#divAreaMenuLateral {
    background-color: #f0a75c;
    height: 100%;
    width: 20px;
   // float: left;
}

Gostaria que a <div id="divAreaMenuLateral"> que esta em laranja que esta na vertical fique dentro da <div id="divAreaConteudo"> que esta em vermelho é possível fazer isso ?? Gostaria de fazer essa tela responsiva ...

Gostaria que a <div id="divAreaMenuLateral"> que esta em laranja que esta na vertical fique dentro da <div id="divAreaConteudo"> que esta em vermelho é possível fazer isso ?? Eu não quero centralizar quero que fique do mesmo height <div id="divAreaMenuLateral"> dentro da <div id="divAreaConteudo"> ou seja se aumento o height da <div id="divAreaConteudo"> a <div id="divAreaMenuLateral"> se ajusta automaticamente.

Código HTML

<html>
<header>
   <title>ERP</title>
</header>
<body>
<div id="divAreaSite">
   <!--span id="AreaSite"> Area Site</span-->
   <div id="divAreaConteudo">
      <!--span id="AreaConteudo"> Area Conteudo</span-->

      <div id="divAreaTitulo">
         <span id="AreaTitulo"> Area Titulos</span>
      </div>
      <div id="divAreaMenu">
         <span id="AreaMenu"> Area Menu</span>
      </div>
      <div id="divAreaMenuLateral">
         <!--span id="AreaMenuLateral"> Area Menu Lateral</span-->
      </div>

      <div id="divAreaDados">
          <!--span id="AreaDados"> Area Dados</span>

          <!--div id="divVendas">
              <span id="AreaVendas"> Vendas</span>
          </div>

          <div id="divVendasDados">
              <span id="VendasDados"> Vendas Dados</span>
          </div-->
      </div>
   </div>
</div>
</body>
</html>

Código CSS

html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
#divAreaSite {
    background-color: #1f3ff0;
    width: 100%;
    height: 100%;
}

#divAreaConteudo {
    background-color: #f03a45;
    margin-left: 3%;
    margin-right: 3%;
    width: 90%;
    height: 60%;
}

#divAreaTitulo {
    background-color: #76f0cb;
    width: 100%;
}

#divAreaMenu {
    background-color: #2ff062;
    width: 100%;
}

#divAreaMenuLateral {
    background-color: #f0a75c;
    height: 100%;
    width: 20px;
   // float: left;
}
Fonte Link

Como ajustar uma DIV dentro de outra DIV na vertical?

Estou com o seguinte problema no CSS.. mandei um exemplo para vocês do que estou tentando fazer Exemplo do Código, clique aqui

Gostaria que a <div id="divAreaMenuLateral"> que esta em laranja que esta na vertical fique dentro da <div id="divAreaConteudo"> que esta em vermelho é possível fazer isso ?? Gostaria de fazer essa tela responsiva ...

Agradeço a colaboração

Obrigado !!!!