Código :
<blockquote> BLABLABLABLABLABLA<img scr="imagen.jpg"> </blockquote>
el problema es que quiero hacer que la imagen esté recuadrada. La lógica me dice que haga esto:
Código :
img{ border:1px solid #767676; padding:5px; background:#CCCCCC; }
en Firefox funciona pero en IE, sólo me muestra la img con borde pero sin padding.
Entonces la pongo dentro de un div.
Código :
<blockquote> BLABLABLABLABLABLA<div class="imagen"><img scr="imagen.jpg"></div> </blockquote>
y en CSS:
Código :
.imagen{ border:1px solid #767676; padding:5px; background:#CCCCCC; }
Aquí funciona en ambos navegadores. Pero el problema viene cuando quiero que la imagen se alinee a la derecha. Intento poner
Código :
.imagen{ /*LO MISMO DE RECIÉN*/ float:right }
LA imagen flota correctamente pero esta desborda el div superior que contiene al blockquote.
¿Hay alguna forma de arreglar esto?
NOTA: Me olvide de aclarar
Código :
<div> <blockquote> BLABLABLABLABLABLA<div class="imagen"><img scr="imagen.jpg"></div> </blockquote> </div> <div class="otro div"> ....... </div>