Espacio entre imagen y su borde de mas

pzin · #1 (**permalink**) 05/07/2007, 19:07

Muy buenas.

Estoy intentando ponerle un borde a una imagen, con un padding. El problema es que en Firefox el padding-bottom, por alguna extraña razón, sale muy grande.

Código:

margin:1% 0;
float:left;
border:2px solid #cccccc;
padding:2px;

En IE se ve bien, así que supongo que el fallo estará en el código (que cosas), pero no tengo ni idea de donde, ya que a mi parecer está todo correcto.

Gracias. Un saludo.

marioraja · #2 (**permalink**) 06/07/2007, 02:38

Es extraño, yo uso padding para mis imagenes y nunca se me ha visto más grande es padding de abajo. Intenta poniendo una propiedad para cada lado:

padding-top
padding-left
...

Si persiste el problema intenta contrastarlo elimiando el borde para ver si ocurre algo o sigue el padding de abajo igual. Un saludo.

pzin · #3 (**permalink**) 06/07/2007, 03:38

Imposible.

Ya he probado lo que me has dicho, incluso he puesto el padding inferior con un valor negativo y no hay quien lo mueva...

Eliminando el borde, ese espacio sigue, no sé de donde podrá salir.

Buixi · #4 (**permalink**) 06/07/2007, 08:37

Hola Bonez,

es posible que hoy estés de suerte. Mira a ver la cabecera de tu html, si lo tienes declarado como XHTML 1.1 Strict prueba a poner esta cabecera:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Sólo faltaría que alguien nos explicara porque pasa eso :S

padapapoulos · #5 (**permalink**) 06/07/2007, 12:32

Despues de flotar algun elemento lo tienes que aclarar, la propiedad float rompe el flow de la pagina y es por ello que tienes que aclarar ese flotado, aplicale clear: both despues de las imagenes y se deberia solucionar.

pzin · #6 (**permalink**) 06/07/2007, 14:20

Gracias por contestar a los dos.

Pues cambiando el DOCTYPE si que es verdad que ya no pasa, pero no me convence mucho.
Y lo de aclarar, pues no lo acaba quitando... Aclara en el siguiente div a la imagen, que es lo que viene justamente después. Seguiré probando eso, a ver que pasa.

Gracias.

Buixi · #7 (**permalink**) 08/07/2007, 13:07

A mi tampoco me convence mucho. No he investigado demasiado, pero tiene pinta de malinterpretación de Firefox. Es muy raro, pero no me parece que estemos haciendo nada raro. La verdad es que me da igual 1.1 strict que 1.0 transitional, así que si a FF le gusta más... Eso si, si alguien sabe el porque, por favor que se manifieste :)

Saludos!

pzin · #8 (**permalink**) 08/07/2007, 18:22

No porque le guste mas lo vamos a dejar así. Entonces ni tendríamos en cuenta Firefox, porque IE es mas de "le gusta mas así"... Pero bueno, este ya es otro debate.

Al final le he puesto una imagen de fondo que hace la vez de borde con padding, ya que la imagen es de dimensiones fijas.