Técnica CSS con columnas de la misma altura
Si queremos evitar la técnica faux column, siempre podemos acudir a esta técnica CSS para simular columnas de la misma altura.
Columnas de igual altura con CSS
CÓDIGO CSS
#container {
background-color: #fff;
overflow: hidden;
width: 780px;
margin: 10px auto 5px auto;
border: 1px solid #000;
}
#content {
background-color: #fff;
width: 580px;
border-right: 200px solid #0099FF; /* ancho y color del menú */
margin-right: -200px;
float: left;
}
#menu {
width: 200px;
float: left;
color: #fff;
background: #0099FF;
text-align: left;
}
CÓDIGO HTML
<div id=”container”>
<div id=”content”>
<p>bla bla bla bla</p>
<p>bla bla bla bla</p>
</div>
<div id=”menu”>
bla bla bla bla
</div>
</div>