Problema com altura das div
Pessoal eu to com problema na seguinte situação.
http://codepen.io/VanilsonWDD/pen/BpDCq
Eu quero que a altura da div do painel esquerdo continue 100% (heigth: 100%) independentemente do conteúdo da div que se encontra no painel direito. Poderia resolver essa situação dando um padding-bottom: 80px no painel esquerdo, mais acontece que no painel direito eu tenho um formulario gigante que foi validado usando jqueryvalidate e quando um campo está errado ou não foi prenchido ele cria uma label em baixo da textfield fazendo com que o conteudo da div fique maior.
html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Problema com divs</title>
</head>
<body>
<div id ="contentor">
<div id ="conteudo">
<aside id ="painel-esquerdo"></aside>
<aside id ="painel-direito">Conteúdo do painel esquerdo</aside>
</div>
</div>
</body>
</html>css
*{
margin: 0;
padding: 0;
}
html, body, #contentor{
height: 100%;
}
#conteudo{
height: 100%;
}
#painel-esquerdo{
float: left;
width: 200px;
height: 100%;
background-color: #000000;
}
#painel-direito{
float: left;
width: 500px;
margin-left: 20px;
height: 100%;
background-color: #CCCCCC;
padding-top: 80px;
}Discussão (4)
Carregando comentários...