Correction de l'entête et pied de page getchas et suggestion

Question

Je prévois de réorganiser la mise en page de mon blog et cette fois je prévois d'avoir position: fixed en-têtes et pieds de page, les deux seront ~ 40px grand. L'en-tête contiendra le logo et les boutons de recherche, le pied de page contiendra de nombreux éléments tels que les boutons d'inscription, les articles connexes, le saut en haut/les commentaires/les boutons du bas, etc. (la liste n'est pas finalisée). Avant de sauter dans ce domaine, je me demande si quelqu'un peut me dire si c'est une bonne idée ou non. Et j'apprécierais aussi si vous pouvez signaler les meilleures pratiques et les pièges. Le pied de page contiendra le popup de chat de facebook pour des articles relatifs et quelques autres dispositifs ainsi je me demande également si son va travailler avec cette disposition. Il y aura aussi des annonces donc cela me laisse craindre qu'il soit possible d'avoir un en-tête sur les annonces (spécialement les annonces flash). Des liens vers des modèles de modèles seront appréciés.

Answer 1

Que ce soit une bonne idée ou non, c'est à vous de décider - vous êtes le concepteur après tout. La seule chose que vous devez savoir est que tout votre contenu sera visible et l'en-tête et le pied de page ne gêneront rien. Vous pouvez facilement éviter cela en mettant padding à votre élément de corps qui correspond à la hauteur de l'en-tête et pied de page:

body { 
    padding: 40px 0 50px 0; 
} 

#header { 
    position: fixed; 
    top: 0; 
    height: 40px; 
} 

#footer { 
    position: fixed; 
    bottom: 0; 
    height: 50px; 
} 

En ce qui concerne l'affichage des éléments sur le contenu flash; vos éléments Flash doivent avoir le paramètre wmode défini sur opaque:

<param name="wmode" value="opaque" />