problema borde

[kaninox]

holas gente pues tengo unas imagenes y les quiero poner un borde con css, y en firefox me va bien pero en IE no me pone el borde...

mi codigo es

Código:

		
    		.image_div img { 
			margin: 0px;
       		background: #FFF; 
      	  	padding: 3px; 
      	  	border: 1px solid #DDDDDD; }

alguna idea??

[juaniquillo]

A mi me funciona perfectamente:

Código HTML:

<style type="text/css">
<!--
body{background-color:#CCCCCC;}
.image_div img { 
            margin: 0px;
               background: #FFF; 
                padding: 3px; 
                border: 1px solid #DDDDDD; }
-->
</style> 

Aquí cambie el color del background del body porque el borde es blanco.

Y el HTML:

Código HTML:

<div class="image_div"><img src="imagenes/Beer4.jpg" width="368" height="432" /></div> 

[kaninox]

no hay caso conmigo no me sale el efecto en IE :/ lo pongo tal cual y nada solo en firefox bueno ya vere que sera :P

[juaniquillo]

a mi me funcionó en los dos. a lo mejor tienes tienes conflicto con otra regla o alguna regla mas específica. Intenta hacer el borde !important

[kaninox]

de hecho lo probe solo y vi que en IE si me pone borde pero aunque en el padding ponga 20px me sale como de 0.1 :P en cambio en firefox si crece :/ ya probe poniendo todo important tambien y nada....

odio IE

[DragonX]

yo lo probé y anduvo perfectamente.... es raro.....

[kaninox]

:( sera solo mi navegador entonces mejor subire un link y me dicen si ven tanto en IE como en firefox el Efecto que quiero lograr si es asi supondre solo es mi navegador :P

el link : http://tiaclaudia.cl/borde.php

bueno en Firefox veo el fondo #CCCCCC; plomo
la imagen con padding = 3 fondo blanco...
y un margen fuera de color rojo

En Ie en cambio veo el fondo #CCCCCC; plomo
y la imagen con el borde rojo, pero el padding blanco no se me ve :/

uds. me diran si soy yo solamente :(

[DragonX]

lo única diferencia que noto es que IE no toma el padding.

[kaninox]

es lo que digo, tampoco me toma el padding :P
alguna sugerencia para que me lo tome algun hack o algo :/

[juaniquillo]

pues esto si que es raro. a mi me funciona localmente en explorer y FF pero no me funciona enexplorer cuando lo subo a mi iespana:

http://php-prueva.iespana.es/css1.html

[demiurgo_daemon]

Hola,

darle padding a un elemento inline puede ser complejo, como lo muestra Max Design. Además, como <img> es un elemento vacío, te puedes estar metiendo en más problemas, ya que no hay nodos hijos a partir de los cuales calcularlo (se supone que la imagen que pones en src='' es un hijo, pero Explorer al parecer no está de acuerdo). Mi propuesta, si te interesa resolver esto en Explorer: usa sólo border y el pedazo blanco que quieres poner con padding mejor agrégaselo a la imagen.

saludos

[kaninox]

pues no es la idea, las imagenes yo las puedo poner con borde pero son para una galeria estamos hablando de miles de imagenes :P y lo otro es una web para clientes o sea no se dara el trabajo ese, ya vere como le hago con el maldito IE que da puros dolores de cabeza :(

[JakeChambers]

Buenas...

Yo estoy con el mismo problema con otra página.

Lo curioso es que tengo una capa dentro de otra. Las de dentro el marco no da ningún problema, pero para las exteriores en el IE no aparecen completas o directamente no lo hacen, y no sé por qué es.

La definición de los estilo es la misma que como lo pusieron antes, pero hay algo que impide que se vea y no encuentro el problema.