Hola, llevo varias horas rompiendome la cabeza con los estilos css de una web:
gmcsl.es
Se ve correctamente en IE pero aparece un espacio espacio superior en Firefox-Opera. No entiendo la razón...
Este es el código css:
Código HTML:
body {
margin: 0;
padding: 0;
text-align: center;
color: #202020;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-image: url(imag/fond_g.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #CEDCE9;
}
.twoColFixLtHdr #container {
background-attachment: scroll;
background-image: url(imag/diseno.jpg);
background-repeat: no-repeat;
background-position: top;
}
.twoColFixLtHdr #header {
background: #DDDDDD;
}
.twoColFixLtHdr #sidebar1 {
float: left;
width: 225px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 25px;
margin-top: 165px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.twoColFixLtHdr #mainContent {
margin-top: 70px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 265px;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
}
.twoColFixLtHdr #footer {
text-align: center;
background-image: url(imag/pie.jpg);
height: 12px;
margin: 0px;
padding: 20px;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.diseno {
width: 780px;
text-align: left;
background-image: url(imag/fondo.jpg);
background-repeat: repeat-y;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
top: 0px;
position: static;
}
Está "en sucio" porque me base en una plantilla de Dreamweaver.
A ver si alguien me puede ayudar.