Css margin in Printing

0

After all, the left margin goes a little higher than the direct margin. I use size A4. Here is my style sheet:

@page 
    {
        size: A4;   /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */
    }

@font-face {
  font-family: helveticaneue;
  src: url(Helvetica LT 97 Black Condensed.ttf);
  src: url(Helvetica LT 97 Black Condensed.otf) format('opentype'),
  url(Helvetica LT 97 Black Condensed.ttf) format('opentype'),
  url(Helvetica LT 97 Black Condensed.otf) format('opentype');
  font-weight: normal;
  font-style: normal;
}

.centro {
        text-align: center;
        margin-top:0px;
    }
    .imagem {
        max-width: 100%;
    }
    .produto {      /* produto */
text-align: center;
margin: 0 auto;
margin-top: 60px;
font-family: Arial, Verdana, Tahoma, Sans-Serif;
color: #333333;
font-size: 50px;
text-transform: uppercase;
font-weight: 900;
font-stretch: expanded; 
left: 0;
right: 0;
}
.price{
  font-family: helvetica neue, helvetcaneue, 'helveticaneue', 'helvetica neue', 'Anton' !important;
  font-size:280px;
  color: red;
  letter-spacing:10px;
  font-weight: 900;


}
.cents{
  font-family: helvetica neue, helvetcaneue, 'helveticaneue', 'helvetica neue', 'Anton' !important;
 font-size:140px;
  color: red;
  font-weight: 900;
  display:inline-block;
  vertical-align:100px;
  letter-spacing:8px;

}

.cents.top{
  vertical-align:top;
}
.posicao {      /* descrição */
text-align: center !important;
}
.cifrao{
 font-family: Arial, Verdana, Tahoma, Sans-Serif;
  color: red;
  font-size:30px;
  vertical-align:180px;
}
.unidade {      /* descrição */

text-align: left;
font-family: Arial, Verdana, Tahoma, Sans-Serif;
color: #333333;
font-size: 50px;
font-weight: 900;
font-stretch: expanded; 
}
/*CSS para impressão*/
@media print {
body {
margin:0;
padding:0;
}
    @page {
margin: 0;
}
nav, footer, video, audio, object, embed { 
display:none; 
}
img {
max-width: 100%;
}
}
    
asked by anonymous 16.06.2018 / 23:58

1 answer

0

Within ".product" you have:

margin: 0 auto;

remove the word "auto", leave only "0", maybe this will solve

    
18.06.2018 / 19:15