Como solucionar este problema con fixed

kendall00 · #1 (**permalink**) 04/07/2013, 15:11

Hola, les cuento mi problema... Tengo un header con position fixed, arriba de la pagina, lo típico, ahora el nav, el cual es el elemento que sigue queda debajo del header.
Es obvio, pero como podria hacer para que el nav quede (y todos los elementos posteriores al nav debajo del nav) debajo del header, desde el punto de vista de css podria usar el margin-top y asignarle un valor X donde quede debajo del header, pero lo veo un poco (muy) primitivo, ya que es algo arbitrario, ahora como podria hacer para que el nav quede exactamente (por ejemplo) a 2% debajo del header.
A continuación la semantica general del tema:

Código HTML:

Ver original<body>
    <header><?php include("html_files/header.php") ?></header>
    <nav><?php include("html_files/menu.php") ?></nav>
    <section id="contenedor">
        <section id="panel_central"></section>
        <section id="panel_derecho"></section>
    </section>
    <footer></footer>
</body>

Muchas gracias!

pzin · #2 (**permalink**) 04/07/2013, 15:17

¿Por qué es primitivo usar márgenes para que los elementos estén a un cierto margen?

Si sacas del flujo del HTML la cabecera, pues, a menos que le pongas un padding al elemento body, lo que quedará es ponerle el margen —bien a nav o a body.

kendall00 · #3 (**permalink**) 04/07/2013, 15:25

Digo primitivo por que margin se aplica como si fuera el primer elemento no como si fuera el segundo y por ejemplo si aplico un 1%, quedaria 3/4 partes adentro del header si agrego 2% ya estaria completamente afuera, digo arbitrariamente ya que la medida entre el header y el nav varia dependiendo de la resolucion de monitor del cliente, por eso me gustaria conocer una tecnica en donde ese 2% entre header y nav sea real.
Aqui la representacion del problema
https://dl.dropboxusercontent.com/u/15084304/header.png

pzin · #4 (**permalink**) 04/07/2013, 15:39

Uhmm. No te entiendo bien. ¿Por qué no usas pixeles u otra medida fija para el margen?

kendall00 · #5 (**permalink**) 04/07/2013, 16:03

Eso haré por el momento, pensaba no se que algun tipo de position al nav solucionaria eso, pero por lo visto no, de todos modos muchas gracias!