Problema con puntas redondeadas en blog en diferentes navegadores

  • Autor Autor PISANLOV
  • Fecha de inicio Fecha de inicio
P

PISANLOV

Delta
Redactor
Hola, como estan betas, quisiera saber si alguno de ustedes me podría dar una mano para solucionar un problema con uno de mis blogs, que solo respeta el theme original en Firefox.

El problema es este:

El theme de mi blog tiene todas las terminaciones con puntar redondeadas originalmente, pero solo se me ve así por Mozilla Firefox. En Chrome o Explorer se me ven cuadradas las puntas, y queda muy feo.

Quizás con alguna modificación en el html se puede adaptar a todos los navegadores para que las puntas salgan redondeadas, como el theme original.

Espero que por favor alguien me ayude a solucionar este problema, y desde ya muchas gracias a todos!!!

Mi blog es este: Enlace eliminado

:top:
 
Hola, para redondear las puntas en Chrome tenés que usar: -webkit-border-radius además del border-radius y -moz-border-radius. Tenés que incluir los 3 códigos CSS.

Slds 😉
 
Gracias a los dos, voy a probar a ver si obtengo resultados!

:beer:
 
¿Alguno de ustedes sabe que otros códigos hay que incluir en la plantilla de blogger para que el blog se vea igual en todos los navegadores? Especialmente en IE, que me da mucho dolor de cabeza.

chicoloco123 dijo:
Hola, para redondear las puntas en Chrome tenés que usar: -webkit-border-radius además del border-radius y -moz-border-radius. Tenés que incluir los 3 códigos CSS.
Hacer clic para expandir...

¿Cada uno de estos códigos es para un navegador distinto? Saludos
 
olaxpiston dijo:
¿Alguno de ustedes sabe que otros códigos hay que incluir en la plantilla de blogger para que el blog se vea igual en todos los navegadores? Especialmente en IE, que me da mucho dolor de cabeza.
Hacer clic para expandir...

Hola, Internet Explorer siempre es un dolor de cabeza, creo que en las últimas versiones con border-radius tendría que redondear las esquinas.

olaxpiston dijo:
¿Cada uno de estos códigos es para un navegador distinto? Saludos
Hacer clic para expandir...

Si, según la plataforma del navegador, por ejemplo:

-webkit-border-radius: con esta propiedad redondeas las esquinas en navegadores como Chrome, Safari, Midori y otros más que utilizen webkit.
-moz-border-radius: es únicamente para Firefox
border-radius: es la propiedad de CSS3 general, creo que funciona para las últimas versiones de IE.

Cuando querés redondear una esquina, tenés que incluir los 3 códigos con el valor, por ejemplo para redondear 5px las esquinas de las imagenes sería asi:

img{
-webkit-border-radius: 5px; /*propiedad para chrome safari y otros*/
-moz-border-radius: 5px; /*propiedad para firefox*/
border-radius: 5px; /*propiedad general*/
}

Slds :encouragement:
 
Muchas gracias chicoloco123 =) Oye, ¿de casualidad sabrás donde puedo encontrar más sobre códigos así, para distintos navegadores? Ahorita no tengo una duda en concreto, solo quiero saber si hay algún sitio donde hallarlos cuando el problema surja. Solo curiosidad ahora.
 
Mirá, te encontré este sitio [CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator] que genera los códigos de las propiedades CSS3. Está bueno porque para generarlos lo haces de manera visual y te dice los navegadores soportados.
Ojalá te sirva.
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

D
Diferencias de visualización de blog en diferentes navegadores
Respuestas
7
Visitas
645
danikayak
D
C
Problema de compatibilidad con Style.css en diferentes navegadores
Respuestas
15
Visitas
771
chino
C
A
Problemas con bloque de anuncios en diferentes navegadores
Respuestas
1
Visitas
298
BotBeta
B
Revisa tu blog en diferentes navegadores
Respuestas
3
Visitas
892
Esteban Sequeira
E
Problema con ejecución de código en diferentes navegadores
Respuestas
4
Visitas
1K
roicou
R
Menú
Acceder
Registro