18067 sujets

Questions générales et questions de débutants

Marges impression d'un site

Bonjour,

J'utilise un système pour créer des rapports photos au format html avec une feuille de style. Le problème, est que quand je veux l'imprimer avec IE il utilise les marges de IE et pas celles de ma feuille de style. Y a-t-il un moyen pour empêcher ça ? Car j'aimerais dans tous les cas avoir mes marges 2 cm.

Voici la feuille de style:
@page {
  margin: 2cm;
}

@media print {
  .picandcom { 
    page-break-inside: avoid;
  }
	
	.pgbreak {
	  page-break-after: always;
	}
}

@media screen, print {
  .picandcom {
	  margin: 0;
		width: 17cm;
		height: 12.9cm;
		border: 1px solid #FFFFFF;
	  text-align: center;
	}
	
	img.ls {
	  height: 9.6cm;
		width: 12.8cm;
		margin-top: 1cm;
		margin-bottom: 0.5cm;
		margin-left: 2.1cm;
		margin-right: 2.1cm;
	  display: block;
	}
	
	img.ptl {
	  height: 12.8cm;
		width: 9.6cm;
		margin-top: 0.05cm;
		margin-bottom: 0.05cm;
		margin-right: 0.4cm;
		margin-left: 0;
	  float: left;
	}
	
	img.ptr {
	  height: 12.8cm;
		width: 9.6cm;
		margin-top: 0.05cm;
		margin-bottom: 0.05cm;
		margin-right: 0;
		margin-left: 0.4cm;
		float: right;
	}
	
	.commenth {
	  text-align: left;
	  margin-left: 2.1cm;
	  margin-right: 2.1cm;
	}
	
	.commentv {
		margin-top: 5.8cm;
			text-align: justify;
	}
	
}
Pas sûr que la gestion des marges soit implémentée. Il me semble que très peu de styles liés à l'impression le sont (la gestion des veuves et orphelines par exemple ne le sont pas pour la plupart des navigateurs).

La dernière fois que j'ai essayé avec Firefox, impossible d'avoir les marges demandées, seules les marges données par la configuration du logiciel étaient prises en compte.

Si quelqu'un peut confirmer ?
Michel a écrit :
Un petit tuto, un !
lien

C'est bien joli, mais ça ne serait pas un tutoriel sur « comment bidouiller la feuille de style à la volée pour n'imprimer que ce que vous voulez » ?

Ça ne répond pas vraiment au problème des styles CSS d'impression, si ?
Sujet clos
Aller à