Bonjour,

j 'ai un petit souci dans la mise en page d' un site que je suis en train de coder
Je veux fixer la format A3 à la page que je veux imprimer.Voilà le code que j'ai utilisé:
@page { size: 8.5in 11in; margin: 2cm; }
#navBar{
width: 20%;
padding: 5px;
background-color: #ffffcc;
border-right: 1px solid #ffcc00;
border-bottom: 1px solid #ffcc00;
border-left: 1px solid #ffcc00;
border-top: 1px solid #ffcc00;

}
@media print {
BODY { font-size: 30pt; }

}

Mon code marche bien sauf la dimension de la page ne change pas.
Veuillez m'aider à deviner les causes de ma problème. Et merci d'avance.

essaie le % partout ou autre que fixe "in" je ne connait pas.
@ sa sert à quoi ?

Bonjour,
On a essayé le % mais elle n'aucun effet sur la page.
On a essaié aussi ce code pour spécifier une orientation Paysage: @page { size: landscape; } ;
mais aucune résultat.
Merci d'avance.

essaie le mini-height et en fonction de ton contenu (texte) sa s'adaptera.

essaie le % partout ou autre que fixe "in" je ne connait pas.
@ sa sert à quoi ?

"in" pour "inches" = mesures en pouces et le format indiqué (8,5/11) se mesure en pouces également, c'est le format lettre nord-américain.

Dans un document imprimé, les dimensions en pourcentages ne sont pas les plus appropriées, il est préférabe d'utiliser le pt pour les tailles de polices et le mm ou encore le in pour les dimensions d'éléments.

Le @ indique un mot clé en CSS : @page indique des propriétés concernant la page, @media conserne le media de destination des propriétés qui suivent : ça peut être screen, print, aural et quelques autres, pas tous supportés.

Ce que j'essayerais en revanche, c'est changer tes imbrications et de mettre @page à l'intérieur de @media et non l'inverse cmme tu as fait.

merci pour ces nformations