Foros del Web » Creando para Internet » CSS »

Problema con Chrome y IE

Estas en el tema de Problema con Chrome y IE en el foro de CSS en Foros del Web. Buenas tengo un CSS en que FF se ve bien, pero en Chrome y IE no se ve bien. El problema es que el efecto ...
  #1 (permalink)  
Antiguo 24/11/2009, 13:05
 
Fecha de Ingreso: diciembre-2007
Mensajes: 9
Antigüedad: 10 años
Puntos: 0
Pregunta Problema con Chrome y IE

Buenas tengo un CSS en que FF se ve bien, pero en Chrome y IE no se ve bien. El problema es que el efecto de redondeado en Chrome y IE no funciona. Para ello utilizo este código.
Código:
#topMenu{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-bottomleft:10px;
-webkit-border-radius-bottomright:10px;
background-color:#002233;
float:left;
font-size:11px;
height:25px;
margin:10px 10px 10px;
padding:10px;
width:530px;
}
Con esta parte no hace el efecto de redondeado para Chrome y IE y si para FF
Pero en otra parte de la web, con el siguiente código:

Código:
.page-header-bg {
background-color:#002233;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-bottom:20px;
padding:10px 10px 40px;
}
Si que hace el redondeado en Chrome y FF.
Sé que podria aplicar el -border-radius total, pero en los
casos que no consigo visualizarlo en Chrome y IE sólo quiero que se
vea en la parte de abajo del #topMenu.
  #2 (permalink)  
Antiguo 24/11/2009, 17:31
KazerPowa
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problema con Chrome y IE

Buenas,

Conozco ese problema, yo que tu pasaría de el si puedes...webs importantes tienen el mismo problema (www.tuenti.com) (youtube.com) y no pasa nada.

El problema está en que esa función es sólo de los navegadores con webkit, parece ser:
Código:
webkit-border-radius-bottomleft:10px;
  #3 (permalink)  
Antiguo 25/11/2009, 06:25
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Problema con Chrome y IE

Cita:
Iniciado por KazerPowa
El problema está en que esa función es sólo de los navegadores con webkit,
Bueno, la cuestión es que Chrome si tiene webkit

http://es.wikipedia.org/wiki/WebKit#Navegadores_web

Saludos¡¡
  #4 (permalink)  
Antiguo 25/11/2009, 11:47
KazerPowa
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problema con Chrome y IE

Cita:
Iniciado por Impostor Ver Mensaje
Bueno, la cuestión es que Chrome si tiene webkit

http://es.wikipedia.org/wiki/WebKit#Navegadores_web

Saludos¡¡
Tienes razón....bueno igual es porque es sólo de Firefox...mira eso de "moz", me suena a Mozilla:

Código:
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
Podrías buscar otra forma de redondear los bordes, creo que con CSS se podía.

Saludos.
  #5 (permalink)  
Antiguo 25/11/2009, 12:08
 
Fecha de Ingreso: diciembre-2007
Mensajes: 9
Antigüedad: 10 años
Puntos: 0
Respuesta: Problema con Chrome y IE

Si el -moz es para Mozilla pero el código tiene para -moz y -webkit
Código:
-webkit-border-radius-bottomleft:10px;
-webkit-border-radius-bottomright:10px;
¿...?
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.