Por que FF coloca bordes en la parte inferior de las imagenes ?

[MonicaH]

Hola, observen www.forocss.com/08/ IE no coloca ese borde en la parte inferior de la imagen, y le he colocado Boder=0!!

Quisiera saber dos cosas:
[*]Por que FF, Opera colocan ese borde ?[*]Es un BUG ?[*]Cómo se soluciona, (que sea W3C valido )

[Javiercc]

Hola Monica

Tú Maquetación de XHTML es muy horrorozo xD, disculpame la expresión, yo trataría de que fuera más ordenado y además no pongas muchos div y class demás.

La solución que podido ver sería de tu css ".kbc" en el background:#fff; y cambiarlo por background:#A90000; aunque claro deberías de especificar el alto y ancho del div.

Saludos

[Anarko]

Si quieres puedes utilizar ModernBill y te ahorras romperte el coco...

[MonicaH]

Colocar un background del mismo color del gráfico no responde mis 2 inquietudes.

Por que FF pone borde en la parte inferior ?
Cómo puede resolverse ? (Vámos!, que poner el fondo de X color... :-s)

[demiurgo_daemon]

Hola,

antes que nada, Javiercc tiene razón: con todo respeto, tu código es muy desordenado, y resulta difícil resolver tu problema sin crear uno nuevo.

Ahora, con tu problema. Una imagen (<img />) es un elemento en línea (inline); significa que no tiene por qué seguir el modelo de cajas. En pocas palabras, los conceptos de margen y relleno (padding) no necesariamente tienen sentido con ella. Para una solución, imagínate que el <div> y la imagen conflictivos vienen en el siguiente código:

Código HTML:

<div id='uno'>
<img src='img1.jpg' />
</div> 

supongamos también que la imagen mide 120px de alto (el ancho no interesa) y que la quieres centrada. El CSS para arreglarlo sería

Código:

#uno{
background: url(img1.jpg) no-repeat center;
height: 120px;
}

Pero, si la imagen ya viene como fondo, es inútil tenerla aparte dentro del contenido; entonces, hay que eliminarla:

Código HTML:

<div id='uno'>
&nbsp;
</div> 

El espacio explícito es para conservar la validación; no puede haber un <div> vacío. Por cierto, por brevedad no incluí otros elementos necesarios (como el alt en la imagen original). Sé que esto funciona porque lo probé con el inspector de Firefox.

Por último, nunca confíes en Explorer, aunque parezca que es el que hace lo que quieres.

saludos

[MonicaH]

Gracias,

no puedo colocar la imagen como fondo.

Y hay otras imásgenes en otras posiciones que dan el mismo error.

[Javiercc]

Holas Monica

Haber aquí he arreglado un poco el código XHTML y el CSS, haber que te parece

http://www.designw3c.uni.cc/monicah/

Es un código limpio y validado por el W3C. Haber si nos cuenta si eso era lo que esperabás o no?

Saludos.

[MonicaH]

Agradezco inmensamente la ayuda, eso no es lo que soluciona el error.

Colocar las imagenes de fondo no resuelven el problemón

Como he mensionado anteriormente existen otros graficos.

En todos FF pone un borde en la parte inferior.

Ese es el resultado visual que necesito, pero NO colocando los graficos de fondo.

Pueden ayudarme plis ?