Soy relativamente nuevo en las css y tengo un par de problemas con el IE7 que no termino de resolver. Creo que los dos problemas estan relacionados con lo mismo, ya que en ámbos caso no se dibuja bien algo. Podeís examinar vosotros mismos la web en:
www.trabajillos.es/HTML/misclases.html
El primer problema: Los radio buttons
tengo un pequeño formulario. Así se ve en firefox o safari:
Así se ve en explorer:
el "label" de los radiobuttons aparece vacio o a menudo mal dibujado. Si bajo la barra de desplazamiento abajo y vuelvo a subir, se "repintan" los radibuttons y aparecen bien. Este problema lo tengo solo con el IE 7, NO con el 5.5.
El código HTML es el siguiente:
<div class="recuadre_amb_padding">
<h4> Buscar anuncio </h4>
<form method="get" id="form_busca">
<p>
<input type="radio" name="soy-busco" value="Soy profe"/>
Soy profe
<input type="radio" name="soy-busco" value="Busco profe"/>
Busco profe
</p>
<p>
<label for="provincia"> Província:</label>
....
</p>
<div class="footer-no-border">
<input type="submit" value="Buscar ofertas" /> </div>
</form>
<div class="footer-no-border">
<p><a href="#"> búsqueda avanzada</a></p>
</div>
</div>
aqui el código css del "recuadre-amb-padding"
.recuadre_amb_padding{
background-color:#FFFFFF;
border:medium solid #669933;
clear:both;
text-align:left;
padding:10px;
margin-bottom:10px;
}
-------------------------------------------------------------------------------------------------
Segundo problema
http://www.trabajillos.es/HTML/misOfertas.html
Así se ve en firefox i safari:
Así en IE 7 y en IE5.5
Aquí el código HTML
<div class="recuadre_amb_padding">
<h4> Mis ofertas </h4>
<div class="propostes">
<div class="foto-anunci"> <img src="../Imatges/logos/caraProfe.png" height="80" width="80" alt="foto" /> </div>
<div class="contenidor_fL">
<h2>Soy profe</h2>
<h1>De Mates</h1>
<p>Vic (Barcelona)</p>
</div>
<div class="recuadre_tu_propuesta">
<h5>Tu propuesta</h5>
<span class="preu">20 €</span> / hora en mi casa
</div>
<div class="recuadre_su_propuesta">
<div class="contenidor_fL">
<h5>Su propuesta</h5>
<span class="preu">25 €</span> / hora en mi casa
</div>
<div class="contenidor_fRaR">
<FORM METHOD="LINK" ACTION="#">
<button type="submit" name="aceptarPropuesta"> Aceptar propuesta </button>
</FORM>
<p />
<FORM METHOD="LINK" ACTION="#">
<button type="submit" name="hacerOtraPropuesta"> Hacer otra propusta </button>
</FORM>
</div>
</div>
</div>
</div>
y el css:
.propostes{
border: 2px #FF9999 dotted;
padding:10px;
margin:10px;
}
.recuadre_tu_propuesta, .recuadre_su_propuesta{
background-color:#FFcc99;
clear:both;
text-align:left;
padding:10px;
}
.recuadre_tu_propuesta{
margin-top:10px;
margin-right:0 auto;
margin-left:0 auto;
border-bottom:2px #FFFFFF dotted;
height:60px;
line-height:0.2;
}
.recuadre_su_propuesta{
margin-bottom:10px;
margin-left:0 auto;
margin-right:0 auto;
height:60px;
line-height:0.2;
}
.contenidor_fRaR{
margin-top:5px;
float:right;
text-algin:right;
}
.contenidor_fL{
float:left;
text-algin:left;
}
¿Alguna idea? no se que hace mal el explorer....
Muchas grácias a todos de antemano!
PD: ODIO EL EXPLORER
