Esta es la hoja de estilos para IE7
Código HTML:
.contenedor{
width:767px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
background-color:#ebf6fe;
text-align:center;
background-position: center;
}
.logo{
margin-left:15px;
margin-right:23px;
margin-top:10px;
margin-bottom:2px;
}
.sinborde{
border: 0;
}
.apartamentos{
margin-left:0;
width:427px;
height:93px;
margin-bottom:6px;
margin-top:15px;
}
.botonera{
float:left;
width:256px;
height:316px;
margin:0px;
padding:0px;
background-color:#c2d8dd;
}
.listabotonera{
list-style-type:none;
margin:0px;
padding:0px;
background-color:#c2d8dd;
height:316px;
}
.imagenseccion{
float:left;
width:511px;
height:316px;
margin:0;
padding:0;
background-color:#ebf6fe;
overflow:hidden;
}
.bloqueizquierdo{
float:left;
width:252px;
height:493px;
margin:0;
padding:0;
background-color:#ebf6fe;
padding-top:10px;
overflow:hidden;
}
.titular2{
font-family:Arial;
font-weight:bold;
font-size:13px;
text-align:left;
letter-spacing:0;
margin-top:26px;
margin-bottom:12px;
}
.imagenizquierda{
margin-left:7px;
margin-bottom:0px;
}
.parrafoizquierda1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
line-height:14px;
padding-top:0px;
padding-left:29px;
padding-right:21px;
margin-top:9px;
margin-bottom:12px;
}
.parrafoizquierda{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
line-height:14px;
padding-top:0px;
padding-left:29px;
padding-right:21px;
margin-top:0px;
margin-bottom:12px;
}
#lineaazulvertical{
background-image:url(../imagenes/lineaazul.gif);
background-repeat:no-repeat;
float:left;
height:493px;
margin-left:4px;
width:4px;
margin-top:0;
margin-bottom:0;
}
.bloquederecho{
float:left;
width:495px;
height:493px;
margin:0;
padding:0;
background-color:#ebf6fe;
overflow:hidden;
}
.bderecho1{
float:left;
margin-left:11px;
padding-left:18px;
margin-left:0;
margin-right:2px;
margin-top:11px;
margin-bottom:11px;
}
.titular{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
text-align:center;
padding:0;
color:#6b7a86;
letter-spacing:0;
line-height:14px;
margin-left:2px;
}
.bderecho2{
float:left;
margin-left:24px;
margin-right:5px;
margin-top:2px;
}
.bderecho3{
padding-left:0px;
padding-right:0px;
padding-top:0;
margin-top:1px;
margin-left:0px;
margin-right:0px;
width:254px;
float:none;
}
#lineaazulhorizontal{
background-image:url(../imagenes/lineahorizontal2.gif);
background-repeat:no-repeat;
float:none;
width:auto;
margin-left:22px;
margin-top:22px;
margin-bottom:0px;
height:16px;
}
.bderecho1b{
float:left;
margin-left:14px;
padding-left:20px;
margin-left:0;
margin-right:2px;
margin-top:0;
margin-bottom:10px;
text-align:left;
}
.bloqueabajo{
float:left;
margin-left:22px;
padding:0;
background-color:#ebf6fe;
}
.imagen{
margin-left:41px;
}
.textoabajo{
float:left;
margin-left:16px;
padding-left:22px;
margin-left:0;
margin-right:1px;
margin-top:10px;
margin-bottom:0px;
overflow:hidden;
}
.texto{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:justify;
color:#000;
font-size:12px;
line-height:16px;
margin-top:3px;
padding:0;
}
.pie{
background-color:#EBF6FE;
margin-left:0px;
margin-right:0px;
margin-top:13px;
padding-bottom:26px;
}
.contacto{
padding-left:12px;
color:#6B7A86;
font-family:arial;
font-size:12px;
font-weight:bold;
text-align:center;
letter-spacing:0.5px;
margin:0;
line-height:15px
}
Editado: Ya he conseguido arreglarlo para IE 7, con quitarle a la capa contenedora de esos divs la anchura y la altura ya funciona bien. Para estilo de Firefox mantengo la anchura y la altura para que no se desajuste.
Vamos que en el código antes del body, ahora .php iría un detector de navegador que elegiría el estilo necesario:
<?php
$navegador = getenv("HTTP_USER_AGENT");
if (preg_match("/MSIE/i", "$navegador"))
{
$estilo = "capaie";
}
else{
$estilo = "capaFF";
}
?>
<div class="<?php echo $estilo;?>" >
<div class="botonera">
En la hoja del css de IE7 iría este estilo
.capaie{
margin:0;
}
En la hoja de estilos de Firefox iría este estilo
.capaFF{
width:767px;
height:316px;
margin:0;
}