Hola,
estoy intentando crear un web sin utilizar tablas y para ello estoy usando CSS, pero se me plentea un problema. Primero os explico el codigo:
Código:
#content{
display:block;
position: relative;
width:800px;
height:100%;
margin: auto;
border-left:1px solid #DED9B4;
border-right:1px solid #DED9B4;
padding:0px 6px 0px 6px;
background-color: #FFFFFF;
}
#ColumnaIzquierda{
margin:auto;
float:left;
width:150px;
background-color:#FFFFFF;
}
#ColumnaCentro{
margin-left: 14px;
float: left;
width: 500px;
background-color:#FFFFFF;
}
#ColumnaDerecha{
margin:auto;
float: right;
width:120px;
background-color:#EFEFEF;
}
La capa #content genera el contenedor donde se alojan las tres columnas, el problema lo tengo con firefox que no me admite el alto 100% que le asigno, y como veis en el codigo le asigno a #content un color de fondo blanco para que envuelva a las 3 columnas, y lo que hace es mostrar las columnas fuera de la capa #content.
El codigo html es:
Código:
<div id="content">
<div id="ColumnaIzquierda">
contendio izquierdo
</div>
<div id="ColumnaCentro">
contendio centro
</div>
<div id="ColumnaDerecha">
contendio derecha
</div>
</div>
Espero que alguien pueda ayudarme a que las tres columnas salgan dentro del #content por lo menos en el parametro height.
Un saludo