Foros del Web » Creando para Internet » CSS »

Mi CSS y Internet Explorer

Estas en el tema de Mi CSS y Internet Explorer en el foro de CSS en Foros del Web. Estoy haciendo mi primer proyecto completo en PHP/JS/AJAX y probando unas cuantas cosas diseñe un parafo CSS de la siguiente forma: p.rbutton { display: inline; ...
  #1 (permalink)  
Antiguo 19/01/2009, 12:00
 
Fecha de Ingreso: noviembre-2008
Ubicación: Ronda, Andalucía
Mensajes: 14
Antigüedad: 9 años, 1 mes
Puntos: 0
Pregunta Mi CSS y Internet Explorer

Estoy haciendo mi primer proyecto completo en PHP/JS/AJAX y probando unas cuantas cosas diseñe un parafo CSS de la siguiente forma:

p.rbutton {
display: inline;
background-color: #d1bf69;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 1px;
margin-right: 5px;
border: 1px #A0A0A0 solid;
}

Con el siguiente contenido:

<img src="img/file.gif"><b>Ver ficha</b>

en Firefox me queda asi:

http://img140.imageshack.us/my.php?image=firefoxfr7.png

pero ahora va Internet Explorer y me lo pone asi:

http://img179.imageshack.us/my.php?image=50578923tj4.png

¿Como puedo evitar esto y hacer que IE me lo muestre igual que Firefox?

Gracias de antemano
  #2 (permalink)  
Antiguo 19/01/2009, 15:27
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Mi CSS y Internet Explorer

Saludos falke!!

Se me ocurre una idea... que te parece si usas la imagen que tienes como fondo? en vez de que uses esa imagen con un img src, la pones de fondo del div! asi IE reconocera el fondo del div y tendra que ponerlo igual...

Avisame si tienes mejoria con eso!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 19/01/2009, 16:24
Avatar de Wind  
Fecha de Ingreso: junio-2008
Ubicación: Oficinas de Pulsem
Mensajes: 8
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Mi CSS y Internet Explorer

Entiendo que el párrafo es el cuadro café/beige y que la imagen tiene un alto mayor que él. Osea que quieres que la imagen vaya más allá de los límites del párrafo. ¿Es correcto?

Usar imágenes de fondo como dijo CaLiZzZ es una opción aunque suponiendo que tienes varios botones de diferentes longitudes tendrías que crear imágenes de fondo para cada botón.

Otra opción es usar overlapping que es posicionar un elemento sobre otro. Uno será el párrafo y el otro la imagen.

https://developer.mozilla.org/en/Understanding_CSS_z-index

Usa z-index, position:relative, un left negativo y un padding a la izquierda en tu párrafo, esto lo colocará debajo de la imagen la cual debe tener un z-index mayor (va encima del párrafo).

Esa es mi recomendación. Me gustaría saber si alguien tiene una propuesta más simple.
  #4 (permalink)  
Antiguo 19/01/2009, 16:42
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Mi CSS y Internet Explorer

Cita:
Me gustaría saber si alguien tiene una propuesta más simple.
Si!! hacer la imagen completa y ponerla de fondo!

Me explico mejor:

La hoja que tienes del lado izquierdo, ponla junto con el pedazo verde que esta encima de la hoja.
Luego en el div, alineas el texto hacia la izquierda y pones la imagen completa de fondo! y listo!! tienes lo que quieres de una forma mas facil! xD
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #5 (permalink)  
Antiguo 20/01/2009, 10:38
 
Fecha de Ingreso: noviembre-2008
Ubicación: Ronda, Andalucía
Mensajes: 14
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Mi CSS y Internet Explorer

Wind:
Muchas gracias! Funciona! Me sonaba mas complicado de lo que es en realidad :D

Calizzz:
He probado como dices. Si la pongo como fondo la corta mostrando solo la parte que cabe en el <p>, lo cual tiene lógica: Es el fondo del Parrafo por lo que no se saldrá de el.
De todos modos gracias por responder. ;D
  #6 (permalink)  
Antiguo 20/01/2009, 16:56
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Mi CSS y Internet Explorer

Ok... para eso haces el div de el tamaño que desas no?

No pense que tuviera que ponerlo, supuse que lo entenderias de esa forma, pero fue error mio no ponerlo.

Si tienes una imagen de 15px en un cuadro de 5px, oviamente no aparecera todo tu fondo... por lo que tendras que estirar tu div a los 15px no? para que se vea completo!

quedaria algo asi (suponiendo que tu imagen es de 20 de ancho por 10 de largo)

#ejemplo{
width: 20px
height: 10px
background: url(img.jpg);
}

Entonces tu div tendra el tamaño de tu imagen!
Algo sencillo no? solo es de tener un poco de logica..!

Cita:
De todos modos gracias por responder. ;D
Estamos para servirte! no dudes en seguir preguntando en el foro!
Saludos!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:01.