Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
Efectivamente, PIE htc es una de las mejores formas para utilizar css3, incluyendo el siempre jodido moviviento de capas en IE, y siendo casi necesario el buen uso de la propiedad position:relative, ésto y z-index. En caso de html5 y pie, no he podido ver casos en los que haya tenido que utilizar otro método para solucionarlo. Saludos! El 30 de junio de 2011 12:25, Modesto Caballero escribió: > Como bien dice Eddie, añadirle position:relative y un z-index ayuda a que > se > muestre correctamente. Lo leí en algún lugar de los foros de CSS3PIE. > > Ánimo, paciencia y suerte :D > > 2011/6/29 Marcos Lorca > > > > > Para resolver el tema de los bordes redondeados generalmente uso con muy > > buenos resultados algún Script de jQuery, asi te evitas las declarciones > > distintas para cada browser. > > > > Busca en google "Curvycorners.js" > > > > > > Saludos y éxito > > > > Marcos > > > > > > > Date: Wed, 29 Jun 2011 15:24:36 -0300 > > > From: her...@saberweb.com.ar > > > To: ovillo@lists.ovillo.org > > > Subject: Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5 > > > > > > > Lo que te indican, es que agregues modernizr para que interprete las > > > > etiquetas html5 (internet explorer) y pruebes a ver si funciona. > > > > > > > > > > En mi primer mail decía que ya estoy usando "HTML5shiv" para eso, y > > funciona. > > > > > > Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema > > es > > > que no redondea los bordes dentro de esas etiquetas, aunque sí los > > > redondea fuera de ellas. > > > > > > -- > > > Hernán Beati > > > http://www.saberweb.com.ar > > > > > > ___ > > > Lista de distribución Ovillo > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
Los caminos de IE son inescrutables :) tremendo... y muy lógico todo ;D (que la tendrá, pero fuera del alcance de los humanos). El 30/06/2011, a las 12:25, Modesto Caballero escribió: > Como bien dice Eddie, añadirle position:relative y un z-index ayuda a que se > muestre correctamente. Lo leí en algún lugar de los foros de CSS3PIE. > > Ánimo, paciencia y suerte :D > > 2011/6/29 Marcos Lorca > >> >> Para resolver el tema de los bordes redondeados generalmente uso con muy >> buenos resultados algún Script de jQuery, asi te evitas las declarciones >> distintas para cada browser. >> >> Busca en google "Curvycorners.js" >> >> >> Saludos y éxito >> >> Marcos >> >> >>> Date: Wed, 29 Jun 2011 15:24:36 -0300 >>> From: her...@saberweb.com.ar >>> To: ovillo@lists.ovillo.org >>> Subject: Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5 >>> >>>> Lo que te indican, es que agregues modernizr para que interprete las >>>> etiquetas html5 (internet explorer) y pruebes a ver si funciona. >>>> >>> >>> En mi primer mail decía que ya estoy usando "HTML5shiv" para eso, y >> funciona. >>> >>> Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema >> es >>> que no redondea los bordes dentro de esas etiquetas, aunque sí los >>> redondea fuera de ellas. >>> >>> -- >>> Hernán Beati >>> http://www.saberweb.com.ar >>> >>> ___ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
Como bien dice Eddie, añadirle position:relative y un z-index ayuda a que se muestre correctamente. Lo leí en algún lugar de los foros de CSS3PIE. Ánimo, paciencia y suerte :D 2011/6/29 Marcos Lorca > > Para resolver el tema de los bordes redondeados generalmente uso con muy > buenos resultados algún Script de jQuery, asi te evitas las declarciones > distintas para cada browser. > > Busca en google "Curvycorners.js" > > > Saludos y éxito > > Marcos > > > > Date: Wed, 29 Jun 2011 15:24:36 -0300 > > From: her...@saberweb.com.ar > > To: ovillo@lists.ovillo.org > > Subject: Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5 > > > > > Lo que te indican, es que agregues modernizr para que interprete las > > > etiquetas html5 (internet explorer) y pruebes a ver si funciona. > > > > > > > En mi primer mail decía que ya estoy usando "HTML5shiv" para eso, y > funciona. > > > > Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema > es > > que no redondea los bordes dentro de esas etiquetas, aunque sí los > > redondea fuera de ellas. > > > > -- > > Hernán Beati > > http://www.saberweb.com.ar > > > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
Para resolver el tema de los bordes redondeados generalmente uso con muy buenos resultados algún Script de jQuery, asi te evitas las declarciones distintas para cada browser. Busca en google "Curvycorners.js" Saludos y éxito Marcos > Date: Wed, 29 Jun 2011 15:24:36 -0300 > From: her...@saberweb.com.ar > To: ovillo@lists.ovillo.org > Subject: Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5 > > > Lo que te indican, es que agregues modernizr para que interprete las > > etiquetas html5 (internet explorer) y pruebes a ver si funciona. > > > > En mi primer mail decía que ya estoy usando "HTML5shiv" para eso, y funciona. > > Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema es > que no redondea los bordes dentro de esas etiquetas, aunque sí los > redondea fuera de ellas. > > -- > Hernán Beati > http://www.saberweb.com.ar > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
A mí a veces me lo arregla ponerle position:relative a esos elementos. Es como magia y no siempre funciona, así que si lo hace ni me preguntes :-) Saludos -- Eddie ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
> Lo que te indican, es que agregues modernizr para que interprete las > etiquetas html5 (internet explorer) y pruebes a ver si funciona. > En mi primer mail decía que ya estoy usando "HTML5shiv" para eso, y funciona. Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema es que no redondea los bordes dentro de esas etiquetas, aunque sí los redondea fuera de ellas. -- Hernán Beati http://www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
No estas diciendo que la propiedad border-radius no te funciona en IE unicamente cuando esta dentro de una etiqueta HTML 5?. (ya que para que interprete css3 estas usando un .js). Lo que te indican, es que agregues modernizr para que interprete las etiquetas html5 (internet explorer) y pruebes a ver si funciona. 2011/6/29 Hernán Beati > > Prueba el script modernizer.js para que Explorer entienda HTML5. Creo que > > es > > para eso tambien > > > > Gracias, pero Modernizr solo "detecta" si está presente la propiedad que > intentamos usar (en este caso, "border-radius"), pero no "fabrica" la > posibilidad de usar border-radius y que se vea en Explorers. > > En la página de polyfills de Modernizr: > https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills > > en la sección sobre CSS3 Styles, mencionan que se puede agregar la > propiedad border-radius en Explorer únicamente con CSS3PIE, pero eso ya lo > probé, y pasa lo mismo que planteaba yo de entrada: fuera de article, etc. > redondea a la perfección los bordes en Explorer, pero dentro de article, > aside, etc. no los redondea. > > ¿Alguien se ha encontrado con el mismo problema? > > Ver ejemplo: > http://www.saberweb.com.ar/prueba/bordes/index.html > > Muchas gracias, > > -- > Hernán Beati > http://www.saberweb.com.ar > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
> Prueba el script modernizer.js para que Explorer entienda HTML5. Creo que > es > para eso tambien > Gracias, pero Modernizr solo "detecta" si está presente la propiedad que intentamos usar (en este caso, "border-radius"), pero no "fabrica" la posibilidad de usar border-radius y que se vea en Explorers. En la página de polyfills de Modernizr: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills en la sección sobre CSS3 Styles, mencionan que se puede agregar la propiedad border-radius en Explorer únicamente con CSS3PIE, pero eso ya lo probé, y pasa lo mismo que planteaba yo de entrada: fuera de article, etc. redondea a la perfección los bordes en Explorer, pero dentro de article, aside, etc. no los redondea. ¿Alguien se ha encontrado con el mismo problema? Ver ejemplo: http://www.saberweb.com.ar/prueba/bordes/index.html Muchas gracias, -- Hernán Beati http://www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
Prueba el script modernizer.js para que Explorer entienda HTML5. Creo que es para eso tambien El 29 de junio de 2011 19:18, Hernán Beati escribió: > Hola a todos! > En una página HTML5, estoy intentando redondear bordes para que sean > compatibles con Explorer, usando un conocido script: "border-radius.htc". > > Si los elementos a redondear están "fuera" de cualquier etiqueta de HTML5 > (article, header, footer, etc.) el redondeado funciona perfectamente. Pero > si los elementos a redondear están "dentro" de alguna nueva etiqueta de > HTML5, ya no funciona el redondeado. Incluso probé con otro script, > "PIE.htc", y pasa exactamente lo mismo... > > Ver en: > http://www.saberweb.com.ar/prueba/bordes/index.html > (verlo con Explorer, obviamente). > > Esa página contiene algunos bloques sueltos en el body, que sí los > redondea, y otros dentro de article, header, footer, etc. que no los > redondea... > > Utilicé un script (html5shiv) para lograr que Explorer reconozca las > nuevas etiquetas HTML5. > > ¿Alguien se encontró con este mismo problema? ¿Tiene solución? > > Muchas gracias! > > -- > Hernán Beati > http://www.saberweb.com.ar > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
