Tengo este sitio
http://www.crmbusiness.biz/pruebabasc que esta montado sobre joomla, pero resulta que en ie no se ve la columna de la derecha, mientras que en firefox chrome y demas si se ve.
este es el css de la plantilla
Código:
.fondo{
background:url(../images/fondo_sitio.jpg) repeat-x #215385;
}
#contenedor{
width:780px;
background:#FFFFFF;
margin:0 auto;
margin-top:1px;
position:relative;
}
#cabecera{
height:114px;
position:relative;
margin:0 auto;
overflow:hidden;
background:url(../images/fondo_cabecera.jpg);
}
#logo{
position:absolute;
top:4px;
left:0px;
}
#fecha{
position:absolute;
top:6px;
left:163px;
right:0;
color:#FFFFFF;
font-size:10px;
}
#banner{
position:absolute;
top:26px;
left:151px;
}
#buscador{
position:absolute;
top:56px;
right:10px;
}
#mod_search_searchword {
border:1px solid #002142;
background-color:#5b7dac;
padding:2px 2px;
color:#FFFFFF;
}
#buscador .button{
background:#003366;
color:#FFFFFF;
border-left:1px solid #99ccff;
border-top:1px solid #99ccff;
border-right:1px solid #000033;
border-bottom:1px solid #000033;
padding:1px 6px;
font-size:10px;
}
#menuprincipal{
left:225px;
top:82px;
position:relative;
height:30px;
}
#contenido{
background:url(../images/sombra_cabecera.jpg) repeat-x;
line-height:98%;
text-align:justify;
}
#columna1{
background:url(../images/fondo_columna-principal.jpg);
float:left;
width:152px;
}
#columna2-parcial{
float:left;
width:430px;
overflow:hidden;
}
#columna2{
float:left;
width:620px;
overflow:hidden;
}
.espaciador{
padding:0 20px 0 18px;
}
#bienvenidos{
overflow:hidden;
margin-top:28px;
}
#bienvenidos p{
margin-top:0;
margin-bottom:0;}
#columna3{
background:url(../images/borde_columna.jpg) repeat-y left top;
float:right;
width:195px;
}
#piepagina {
background:url(../images/fondo_inferior.jpg) no-repeat;
width:780px;
margin:0 auto;
overflow:hidden;
color:#c9e2f3;
padding-top:40px;
line-height:15px;
font-size:10px;
padding-bottom:15px;
}
/*Metodo Clearfix: Aplicar clase a elementos no flotantes que deseamos que se estiren verticalmente para contener
a sus hijos flotantes*/
.clearfix:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
*html > body .clearfix{
display:block;
width:100%;
}
*html .clearfix{
height:1%;
}