Bonjour,
Je fais une page qui se veut une sorte de print-preview.
Pourquoi m'emm... avec cela quand le navigateur sait très bien faire ?
Parce que, via javascript, l'utilisateur peut régler deux trois trucs!
La structure du code html est assez simple :
Je me suis donc fendu du code css qui va bien :
- La page (qui est nécessairement en format paysage voit ses dimensions fixées en mm (ajustée en raison des erreurs de rendu des navigateurs pour faire plus réaliste.))
- Les dimensions de tous les objets créés dans blahblah sont en %.
Le problème vient quand je veux créer mon code css media="print"
Un truc que j'avais essayé du style :
Je tiens ici à exprimer les dimensions en % tant je souhaite laisser l'imprimante faire avec 100% de ce qu'elle sait faire.
Maintenant... comment exprimer la valeur que je dois donner au height de page ?
(Sachant que si je mets 100%, cela fonctionne très bien... tant que je n'ai qu'une page ?
Modifié par aCOSwt (08 Feb 2014 - 15:10)
Je fais une page qui se veut une sorte de print-preview.
Pourquoi m'emm... avec cela quand le navigateur sait très bien faire ?
Parce que, via javascript, l'utilisateur peut régler deux trois trucs!
La structure du code html est assez simple :
<html>
<body>
---------------- }
<div class="page"> }
........ blahblah.... } Motif répété autant de fois
</div> } qu'il y a d'équivalents pages papier
---------------- }
</body>
</html>
Je me suis donc fendu du code css qui va bien :
body{
position:absolute;
margin:0px;
width:287mm;
background:#FFFFFF;}
.page{
width:279mm;
height:195mm;
margin-top:4mm;
margin-left:4mm;}
- La page (qui est nécessairement en format paysage voit ses dimensions fixées en mm (ajustée en raison des erreurs de rendu des navigateurs pour faire plus réaliste.))
- Les dimensions de tous les objets créés dans blahblah sont en %.
Le problème vient quand je veux créer mon code css media="print"
Un truc que j'avais essayé du style :
@page{
size: auto;
margin: 4mm 4mm 4mm 10mm;}
html{
margin:0px;
width:100%;
height:100%;}
body{
position:absolute;
margin:0px;
width:100%;
height:100%;}
.page{
height:???????
page-break-after:always;
margin-top:0;
margin-left:0;
width:100%;}Je tiens ici à exprimer les dimensions en % tant je souhaite laisser l'imprimante faire avec 100% de ce qu'elle sait faire.
Maintenant... comment exprimer la valeur que je dois donner au height de page ?
(Sachant que si je mets 100%, cela fonctionne très bien... tant que je n'ai qu'une page ?
Modifié par aCOSwt (08 Feb 2014 - 15:10)