Hola a todos,
hay algo en el modelo de cajas que no sé si consigo entender (he ojeado
la especificación del CSS 2) y tengo problemas con IE, ya que en Firefox
u Opera se ven bien.
En cualquier descripción de proyecto (por ejemplo
http://www.orbic.us/proyectos/aktual37/), me pasa algo rarísimo, que es
que quiero poner lo que véis con .preciofinal y .preciocons:
.preciofinal, .preciocons {
float: left;
width: 45%;
text-align: center;
margin-bottom: 2%;
}
.preciofinal p, .preciocons p {
color: #eaeaea;
font-weight: bold;
margin-left: 7%;
margin-right: 7%;
padding: 1%;
background-color: #668db3;
border: medium solid #b2b2b2;
}
Pero si le doy un 50% de ancho a .preciofinal o .preciocons, en IE
rebasa el ancho, y el segundo elemento se baja a la siguiente línea. En
FireFox/Opera, si bajo de 50% no queda bien centrado. ¿Alguna idea de
dónde puede añadir IE un ancho?
Luego, en http://www.orbic.us/precio.shtml, no consigo distribuir de
forma razonable (sin hacer tabla, aunque también da problemas) los tres
.calidd, de manera que se repartan (centrados cada uno), el ancho que
tienen disponible (si les asigno width se fastidia, porque la proporción
IE la entiende distinto que Opera/Firefox):
.calidd {
float: left;
margin-left: 2%;
margin-right: 2%;
text-align: center;
}
Y en http://www.orbic.us/precio.shtml con IE, .calidades ni está
centrada como debiera, ni tampoco consigo que se muestren correctamente
el borde superior de los tres párrafos:
.calidades {
background-color: #194775;
position: relative;
clear: left;
float: left;
margin-top: 5%;
margin-left: 5%;
margin-bottom: 2%;
text-align: center;
width: 25%;
color: #ffffff;
}
.calidades p {
border-top: solid thin #ffffff;
color: #ffffff;
font-size: 85%;
}
Debe haber algo básico que entiendo mal (o que sencillamente no
entiendo), que hace que en IE no funcione.
Muchas gracias por vuestra ayuda,
Pablo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo