Standard moyen de mettre à exécution les éléments en CSS 3

Quelle est la bonne façon de mettre de l'en-Tête et Pied de page en CSS 3 ?
Je suis à la lecture sur http://www.w3.org/TR/css3-gcpm/ et je voudrais savoir si l'interprétation est la bonne manière d'utiliser l'exécution des éléments .

L'exécution des éléments de a la propriété d'être décalé par rapport à la normale "flux" du document et les en-têtes et pieds de page besoin .

Qui est la partie importante, je suis en train de réaliser et sinon, il y a une chaîne de caractères-pour définir l'attribut qui peut être utilisé pour nommer un article et l'utiliser ailleurs, il int marges de la page .
Je suis également curieux de savoir si la 3ème partie implémentations de les soutenir ? Je connais certains d'annotation dans certains outils, mais je veux savoir si c'est ce que CSS essaie de dire?

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Testing</title>
<style type="text/css">
div.header {position: running(header)}
div.footer {position: running(footer)} 
@page{
         @top-center {content: element(header)}
         @bottom-center {content: element(footer)}
     }    
</style>
</head>

<body>

<div class="header"> HEADER </div> 
<div class="footer"> FOOTER </div>
<div>
    Normal Text
</div>
</body>
<html>

http://jsfiddle.net/VubtS/ - Mais bien-sûr navigateurs n'affichent pas à l'écran, puisque c'est pour paginé médias .

Je suis en train d'essayer ce HTML - PDF convertes de voir comment beaucoup ils sont conformes avec le CSS 3 mais apparemment, aucun d'entre eux rend cette . Est mon de balisage correct comme par le Css3 définition ?

OriginalL'auteur Nishant | 2013-12-21

  1. 4

    Je crois que la syntaxe est correcte. Cependant, je suis aussi de ne pas voir de navigateurs pris en charge pour l'instant. La plupart des commerciaux de code HTML vers PDF outils que j'ai regardé (Winnovation, DynamicPDF, EvoPDF, RasterEdge, wkhtmltopdf et plus) utiliser WebKit ou un autre modèle de moteur qui ne prend pas en charge CSS3 Paginé Médias.

    Je pense que ce n' ...

    Grâce theChrisMarsh . Droite, je tiens à ajouter WeasyPrint qui est une alternative libre . Il y a aucune raison pourquoi WebKit mise en page des moteurs de ne pas yetsupport CSS3 ? Cela parce qu'ils ont leur propre mise en forme personnalisée qui n'est pas le CSS ? Pouvez-vous préciser ?
    flyingsaucer prend en charge
    PDFReactor est un autre bibliothèque commerciale qui les prend en charge.
    Nishant, je n'ai pas de connaissance particulière de la WebKit l'équipe de la décision, mais je pense qu'il est intéressant de noter que la Paginé Module Média est un projet et n'est pas officiellement approuvé par le W3C. L'auteur original de ce module est Håkon Wium lie, l'un des premiers auteurs de l'spécifications CSS et un membre du conseil d'administration pour YesLogic, le créateur de Prince. Paginé de Médias est destiné à soutenir la création de documents imprimés, et ce n'est pas une priorité pour WebKit.
    pour obtenir une liste à jour (dès 2016): print-css.rocks/tools.html

    OriginalL'auteur theChrisMarsh

  2. 1

    Juste pour confirmer @theChrisMarsh réponse, la syntaxe est correcte.

    J'ai de l'expérience directe avec Soucoupe Volante qui, bien que le contraire ne supporte CSS 2.1, inclut le support de CSS-3-style de course d'éléments pour paginé médias. Navigateurs bien sûr de ne pas faire quelque chose avec elle parce qu'ils sont @media print bien qu'il pourrait être différent si vous essayez d'imprimer (mais par exemple Firefox aperçu avant impression est terrible que de FF 27.0).

    OriginalL'auteur Charles Goodwin

  3. 0

    J'ai toujours entendu que <header> devrait aller en haut, peu de temps après l'ouverture de la <body> et de balise <footer> devrait aller en bas, juste avant la fermeture de la <body> tag. Leur positionnement dépend de la façon dont vous souhaitez disposer le site.

    C'est en fait pour le Paginé Médias, je.e Impression du site sur Papier , et non pas l'affichage de l'Écran j'.e Moniteurs . Le fait de clarifier vos doutes ?
    Le code HTML sera toujours le même, vous utilisez de différentes feuilles de style CSS. À moins que c'était le CSS que vous avez été recherchez.
    Correct, je voulais savoir si c'est ce que CSS3 signifie en Exécutant des Éléments , ou ai-je interprété à tort . Je suis en cours d'exécution dans une certaine norme HTML - PDF convertisseurs et sa ne fonctionne pas comme prévu .

    OriginalL'auteur Dan Goodspeed