Eva del Campo wrote:
Hola a [EMAIL PROTECTED]
Estoy maquetando una página en la que hay una imagen que debe flotar a la izquierda o la derecha según haya elegido el cliente, y para ello utilizo las siguientes reglas:
#imagen_izquierda{ float: left; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 0px; margin: 0; }
Lo mismo para la derecha cambiando el float e intercambiando los padding izquierda y derecha. El caso es que funciona perfectamente en todos los navegadores, tanto sobre mac como sobre pc, excepto, cómo no, en explorer corriendo sobre pc, donde no me respeta el padding y queda como si estuviera a 0. ¿Conocéis algún modo de corregir este problema?
Te sugiero utilizar margin en lugar de padding para el espacio reservado. Funciona.
Por otra parte, para estos casos yo suelo utilizar clases asociadas a elementos (en lugar de id), así puedo utilizar varios elementos similares en una misma página. En el xhtml aparecería lo siguiente:
<img src="..." alt="..." class="fleft" />
Y en la hoja de estilos:
img.fleft, img.fright {
float: left;
margin: 15px;
}img.fleft {
margin-left: 0;
}img.fright {
margin-right: 0;
float: right;
}
Un saludo, Choan -- Mundo Du. Cuentos breves, relatos sorprendentes http://du.lacalabaza.net/
_______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
