
Problema con posición
Publicado por Pavel (2 intervenciones) el 29/04/2014 23:54:42
Hola a todos. Tengo una serie de problemas con una página que estoy haciendo en clase. Concretamente es la compatibilidad para Google Chrome al desplegar un menú. Os explico:
El menú está pillado de internet. Lo he estado toqueteando un poco para adaptarlo pero aun así no lo tengo todo muy visualizado (aunque no creo que el problema sea eso). Para desplegar este menú solamente se pulsa el botón de la izquierda del header y se abre. Al desplegarse, todo el contenido de la página se arrastra hacia la derecha para mostrar el menú.
El problema está en que en Chrome se desplaza toda la página menos justamente el <header>, por lo que se queda debajo del menú (no tengo ni idea de por qué, ya que en Firefox e IE sí que funciona perfectamente). Esto no sería un problema si no fuera porque justamente tapa el botón para poder cerrar el menú, así que necesito solucionarlo y no tengo ni idea de cómo hacerlo.
He estado probando a ver qué es y el problema está en la posición: el position: fixed; del <header>, ya que si le pones otro valor funciona, pero yo quiero dejarlo fijo siempre.
Espero que alguien pueda solucionar el problema y, si no es mucha molestia, alguna que otra recomendacion sobre cómo debo de estructurar algo no estaria de más ya que estoy aprendiendo.
Os dejo la página adjunta en un .zip, pero también la podéis ver en mediahost.eshost.es (la carpeta "diseno_pagina_principal_(v0.6)")
El menú está pillado de internet. Lo he estado toqueteando un poco para adaptarlo pero aun así no lo tengo todo muy visualizado (aunque no creo que el problema sea eso). Para desplegar este menú solamente se pulsa el botón de la izquierda del header y se abre. Al desplegarse, todo el contenido de la página se arrastra hacia la derecha para mostrar el menú.
El problema está en que en Chrome se desplaza toda la página menos justamente el <header>, por lo que se queda debajo del menú (no tengo ni idea de por qué, ya que en Firefox e IE sí que funciona perfectamente). Esto no sería un problema si no fuera porque justamente tapa el botón para poder cerrar el menú, así que necesito solucionarlo y no tengo ni idea de cómo hacerlo.
He estado probando a ver qué es y el problema está en la posición: el position: fixed; del <header>, ya que si le pones otro valor funciona, pero yo quiero dejarlo fijo siempre.
Espero que alguien pueda solucionar el problema y, si no es mucha molestia, alguna que otra recomendacion sobre cómo debo de estructurar algo no estaria de más ya que estoy aprendiendo.
Os dejo la página adjunta en un .zip, pero también la podéis ver en mediahost.eshost.es (la carpeta "diseno_pagina_principal_(v0.6)")
- Diseno_pagina_principal_v0.6.zip(66,7 KB)
Valora esta pregunta


0