28172 sujets

CSS et mise en forme, CSS3

Supprimer margin A4 version imprimée

Bonsoir,
j'ai veux supprimer le marge en haut de page web version imprimée.
et si possible d'imprimer cette page en dimension A4. 


<!doctype html>
<html>
<head>
    <title>Untitled Page</title>
<style type="text/css">
* {
    margin: 0;
    padding: 0;     
}
@page {
    size :A4 landscape ;
    margin: 0 0;
	
}
#main {
	 
     width: 21cm;
	 height:29.7cm;
	border:1px solid #000;
}

</style>


<meta charset="utf-8">
</head>
<body>
<div id="main">

<div >TEST2</div>
</div>
   
</body>
</html>


Merci
Bonjour,

Quelques ressources sur ce sujet "délicat" :
Faire une feuille de style CSS print pour l'impression
Une feuille de style pour l’impression
Maîtriser l’impression CSS

En résumé, tu vas proposer au client final certaines règles d'impression, le client final, le préréglage de chaque navigateur et l'implémentation, ou non, des propriétés CSS relatives à l'impression par ces derniers, auront toujours le dernier mot, et c'est globalement une très bonne chose.
Ce qui est très souvent le cas des marges du document (prédéfinies par le navigateur, ou redéfinies/modifiées en live par l'utilisateur)

Si la mise en page doit être "strictement" respectée, il faudra probablement se tourner vers une version PDF du document à imprimer, ou rediriger vers une page HTML "épurée", mais encore un fois l'utilisateur final aura le dernier mot sur la façon dont il veut ou non imprimer une page.
Sujet clos
Aller à