Foros del Web » Creando para Internet » HTML »

El tag "header" no funciona bien en Firefox (HTML5)

Estas en el tema de El tag "header" no funciona bien en Firefox (HTML5) en el foro de HTML en Foros del Web. Hola señores Estoy tratando de probar con HTML5 porque en las próximas semanas estaré involucrado en un proyecto dedicado a los móviles. Estuve probando con ...
  #1 (permalink)  
Antiguo 24/01/2011, 17:36
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 13 años, 10 meses
Puntos: 7
El tag "header" no funciona bien en Firefox (HTML5)

Hola señores

Estoy tratando de probar con HTML5 porque en las próximas semanas estaré involucrado en un proyecto dedicado a los móviles.

Estuve probando con la sección del site que va en HTML5 porque necesitaba ver que funciona bien sin anchos fijos (elástico). El primer problema que me encontré fué que el tag "header" funciona como debe en Safari y Chrome, pero se vuelve un desastre en Firefox y Opera. Pueden ver acá lo que me refiero.

Con CSS le aplico una altura fija, pero lamentablemente no me funciona en los navegadores que menciono. Es bastante molesto ese caso y no me gustaría tener que codear el site basado en HTML4. ¿Alguna idea sobre qué puedo estar haciendo mal?
__________________
JuniHH
- Mi blog
- Mi portafolio
  #2 (permalink)  
Antiguo 24/01/2011, 17:54
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: El tag "header" no funciona bien en Firefox (HTML5)

Mi modesta opinión es que deberías seguir usando HTML4.1+CSS2.1 hasta que la compatibilidad con HTML5+CSS3 sea real.
Algunas cosas son imposibles de hacer con el verdadero estándar actual. Otras se pueden hacer igual que antes.
La compatibilidad hacia adelante no existe. No puedes añadir las nuevas propiedades al antiguo código.
La compatibilidad hacia atrás se supone que estará asegurada al menos para un par de versiones del navegador.
Las páginas escritas en CSS2.1+HTML4.1 seguirán funcionando unos cuantos años. Las que estén escritas en HTML5+CSS3 puede que aún no funcionen en muchos equipos.
  #3 (permalink)  
Antiguo 24/01/2011, 18:37
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 13 años, 10 meses
Puntos: 7
Respuesta: El tag "header" no funciona bien en Firefox (HTML5)

Lo cierto es que si no logro conseguir respuesta, no lo pensaré dos veces para descartar HTML5. De todos modos muchos navegadores (incluyendo del BlackBerry y Nokia) funcionan bien con HTML4. Gracias por tu sugerencia.
__________________
JuniHH
- Mi blog
- Mi portafolio
  #4 (permalink)  
Antiguo 24/01/2011, 20:38
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: El tag "header" no funciona bien en Firefox (HTML5)

Las nuevas etiquetas HTML 5, necesitan la propiedad y valor de "display:block" ( para que, si como divs se tratasen), ademas que consiguiras mayor compatibilidad con XHTML que con HTML 4.
  #5 (permalink)  
Antiguo 25/01/2011, 06:39
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 13 años, 10 meses
Puntos: 7
Respuesta: El tag "header" no funciona bien en Firefox (HTML5)

@alexk

Funcionó a la perfección con "display:block;" Es lo que habituo a usar con los "span" y "a" cuando quiero que se porten como div's, pero no había pensado en la misma posibilidad para los nuevos tags de HTML5. Por cierto, siempre uso XHTML Transitional para HTML, pero por razones obvias de HTML5, hay cosas que me confunden.

Muchísimas gracias por tu respuesta, me sirvió de mucho.
__________________
JuniHH
- Mi blog
- Mi portafolio
  #6 (permalink)  
Antiguo 25/01/2011, 15:29
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 12 años, 4 meses
Puntos: 638
Respuesta: El tag "header" no funciona bien en Firefox (HTML5)

Cuando hace unos días salió la página del Logo de HTML5, me dediqué a mirar en el código para ver como lo manejan, pues soy de los que aprueba 100% el uso de HTML5 y vi que usan modernizr, una librería en js, tal vez eso te ayude a estructurar mejor la página.

No he tenido tiempo de ver exactamente como funciona, pero creo que te agrega al tag html código nativo de CSS3 y HTML5:
Código HTML:
Ver original
  1. /*
  2.  * Modernizr is a script that detects native CSS3 and HTML5 features
  3.  * available in the current UA and provides an object containing all
  4.  * features with a true/false value, depending on whether the UA has
  5.  * native support for it or not.
  6.  *
  7.  * Modernizr will also add classes to the <html> element of the page,
  8.  * one for each feature it detects. If the UA supports it, a class
  9.  * like "cssgradients" will be added. If not, the class name will be
  10.  * "no-cssgradients". This allows for simple if-conditionals in your
  11.  * CSS, giving you fine control over the look & feel of your website.
  12. *
  13. * @author        Faruk Ates
  14. * @author        Paul Irish
  15. * @copyright     (c) 2009-2010 Faruk Ates.
  16. * @contributor   Ben Alman
  17. */
http://www.w3.org/html/logo/js/modernizr.js

Saludos
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #7 (permalink)  
Antiguo 26/01/2011, 06:38
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 13 años, 10 meses
Puntos: 7
Respuesta: El tag "header" no funciona bien en Firefox (HTML5)

@rogertm

No recuerdo cuándo leí sobre Modernizr, pero fué gracias a un enlace de Twitter. La verdad no recordaba de esa utilidad y en aquel momento me impresionó.

Gracias por recordarmelo viejo, porque ahora que voy HTML5 creo que es el momento para probarlo. Por el momento estaba aplicando "html5.js" y como que no me sentia muy confiado de su funcionalidad.
__________________
JuniHH
- Mi blog
- Mi portafolio
  #8 (permalink)  
Antiguo 26/01/2011, 12:34
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 12 años, 4 meses
Puntos: 638
Respuesta: El tag "header" no funciona bien en Firefox (HTML5)

Anoche me dediqué a echarle un ojo al asunto, y está sencillamente genial, pues puedes llegar a un nivel de detalla super profundo.

Es cuestión de llamar el script y al tag <html> de tu sitio le agregas la clase no-js, entonces te devolverá diferentes clases, dependiendo de el navegador, por ejemplo, si el navegador del cliente soporta la etiqueta <video>, entonces se generará la clase video, si no, la clase generada será no-video, lo que queda es por parte del desarrollador, pues tienes la opción de crear dos estilos css, .video y .no-video, y en el navegador se mostrará el estilo que convenga.

Es como crear if´s en css
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose

Etiquetas: firefox, tag
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 07:41.