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 ?? 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;
}
Agradeço a colaboração
Obrigado !!!!