Hola! ya no se que hacer, estoy haciendo una web con css y <div> y me pasa esto:
h t t p://img213.imageshack.us/img213/2346/sinttulo2copiaqk7.jpg
en el firefox se ve perfecto pero en el iexplore... ag!!! despues de la cabecera y del menu lateral aparece un trozo blanco!!!!! y no se como quitarlo, he revisado el codigo y no encuentro el fallo. y si no hay fallo, que puedo hacer para que ie "interprete" que ahi no hay ningun espacio blanco¿?
DEJO AQUI EL CSS
Código:
BODY {
background : #d6d6d6 url(images/fondosombra.jpg) repeat-y center;
_background-image:url(images/fondosombraIE.jpg);
background-position-x:center;
background-position-y:center;
color:#666666;
margin:0px;
text-align:center;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:8pt;
font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
}
#contenedor{
font : 8pt Trebuchet MS;
width: 760px;
background-color : #ffffff;
margin: auto;
}
#navegadorsup{
background : url(images/fondonav.jpg);
width: 760px;
_width: 767px;
height: 16px;
border-top : 0px solid #ffffff;
border-bottom : 1px solid #ffffff;
text-indent: 10px;
padding-left:0px;
padding-right:0px;
padding-top:5px;
padding-bottom:5px
}
#cabecera{
height : 140px;
width: 760px;
}
#navegador{
background : url(images/fondonav.jpg);
width: 760px;
_width: 767px;
height: 16px;
border-top : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
text-indent: 10px;
padding-left:0px;
padding-right:0px;
padding-top:5px;
padding-bottom:5px
}
A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
color: #666666;
}
A.enlacenav:HOVER{
color: #3F7DE3;
}
#cuerpo{
width: 520px;
margin-left: 8px;
padding: 5px 0px 10px 12px;
_padding: 15px 0px 0px 12px;
background-color : #ffffff;
font : 8pt Trebuchet MS;
text-indent: 20px;
color : #000000;
float:left;
}
#foto{
text-align: center;
}
H1{
font: 14pt Georgia;
color: #CE0100;
}
#navabajo{
font : 8pt Trebuchet MS;
font-weight : bold;
padding-bottom: 10px;
padding-right: 10px;
text-align: right;
}
#lateral{
width: 200px;
background-color: #e3e3e3;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #cccccc;
float:right;
font : 8pt Georgia;
margin: 0px 0px 8px 0px;
}
.titlat{
background : url(images/fondolat.jpg);
color:#ffffff;
text-transform : uppercase;
font-weight : normal;
letter-spacing : 2px;
font-style:normal;
font-variant:normal;
font-size:8pt;
font-family:Georgia;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:8px;
padding-left:8px;
padding-right:3px;
padding-top:7px;
padding-bottom:7px
}
.cuerpolateral{
padding: 2px 0px 8px 8px;
color: #666666;
}
INPUT {
font-size : 8pt;
}
#fbuscar form{
margin-bottom : 0px;
margin-top : 0px;
}
#campotexto{
float: left;
}
#campotexto input{
width:100px;
}
#botonbuscar {
padding-top : 3px;
padding-left: 106px;
}
#botonbuscar input{
border : 0px none;
}
.radio{
padding-top: 2px;
clear:both;
}
#otras ul{
margin : 5px 10px 0px 0px;
padding: 0px 0px 0px 4px;
list-style: none;
}
#otras li{
padding-left: 14px;
background: url(images/cruz.jpg) no-repeat 0 2px;
margin-bottom: 10px
}
#pie{
clear : both;
color : #646464;
font: 8pt Arial;
text-align : center;
margin : 20px 72px 0px 72px;
padding-bottom: 1px;
vertical-align: bottom;
}
#contenedor{
text-align: left;
width: 760px;
border: 0px solid #ffffff;
margin: auto;
background-color : #ffffff;
}
#borde{
border: 0px solid #ffffff;
text-align: left;
width: 760px;
margin: auto;
}