Buenas , tengo un diseño a 2 columnas donde la parte de la derecha por el momento no la relleno así que estoy intentando hacer con CSS que la parte de la derecha sea del mismo tamaño con el de la izquierda pero no hay forma...el código que tengo es
Código HTML:
<div id="wrapper">
<div id="header">
HEADER ...
</div>
<div id="content">
CONTENIDO IZQUIERDA
</div>
<div id="leftcolumn">
MENU DERECHA
</div>
</div>
Y los css que uso són
Código HTML:
#wrapper {
margin: 0 auto;
width: 80%;
border:5px;
font-size: 13px;
}
#header {
margin-top : 10px;
width: 100%;
float: left;
height: 120px;
background:#5f68ea;
border-bottom:1px solid black;
}
#content {
float: left;
color: #333;
background:white;
width:84%; /* old 74% */
min-height: 450px;
display: inline;
padding-left: 5px;
padding-top: 5px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#leftcolumn {
height:100%;
width: 16%;
float: left;
border-left-style: groove;
border-left-width: 1px;
border-right-style: groove;
border-right-width: 2px;
}
Así es como se me ve