Foros del Web » Creando para Internet » CSS »

Problema con barra de progreso en CSS

Estas en el tema de Problema con barra de progreso en CSS en el foro de CSS en Foros del Web. Hola a todos. Tengo un problemilla, resulta que estoy creando con Divs y CSS una barra de progreso, se ve bien desde Firefox - Chrome, ...
  #1 (permalink)  
Antiguo 15/03/2009, 23:22
 
Fecha de Ingreso: marzo-2009
Mensajes: 2
Antigüedad: 8 años, 8 meses
Puntos: 0
Problema con barra de progreso en CSS

Hola a todos.

Tengo un problemilla, resulta que estoy creando con Divs y CSS una barra de progreso, se ve bien desde Firefox - Chrome, pero con Internet Explorer se ve descuadrada la imagen del centro mas abajo que la otra y más

Estas son las imagenes:
Izquierda.jpg: i43.tinypic.com/iejh47.jpg
Centro.jpg: i43.tinypic.com/opz383.jpg
Derecha.jpg: i44.tinypic.com/dfka44.jpg

Este es el CSS:

Código:
.Barra {width: 120px;}
.Barra_A {width: 5px;float:left;}
.Barra_B {width: 100%;}
.Barra_C {width: 1px;float:right;}
Divs:

Código:
<div class="Barra" style="background-image:url(centro.jpg)">
<span class="Barra_A"><img alt="" src="izquierda.jpg" height="11"/></span>
<span class="Barra_C"><img alt="" src="derecha.jpg"/></span>
<span class="Barra_B"><img alt="" src="centro.jpg" height="11"/></span>
</div>
Como puedo hacer que se alineen bien para IE, este es mi problema y no encuentro una solución :(

Agradecería cualquier ayuda,

Última edición por Hbayly; 15/03/2009 a las 23:28
  #2 (permalink)  
Antiguo 16/03/2009, 02:46
 
Fecha de Ingreso: marzo-2009
Mensajes: 23
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Problema con barra de progreso en CSS

pues prueba valores y pon un if condicional en tu documento y ahi los estilos solo par ie lamento no poder ayudarte pero se que con eso leera esos estilos solo ie
  #3 (permalink)  
Antiguo 16/03/2009, 09:12
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con barra de progreso en CSS

No estoy muy seguro de lo que quieres hacer, pero pruébalo así:
Cita:
<div class="Barra" style="background-image:url(centro.jpg)">
<span class="Barra_C"><img alt="" src="derecha.jpg"/></span>
<span class="Barra_A"><img alt="" src="izquierda.jpg" height="11"/></span>
<span class="Barra_B"><img alt="" src="centro.jpg" height="11"/></span>
</div>
CSS:
Cita:
.Barra {width: 120px;}
.Barra_A {width: 5px;float:left;}
.Barra_B {}
.Barra_C {width: 1px;float:right;}
__________________
Visita mi nueva web idplus.org
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 11:04.