CSS non pris en compte

Version imprimable

Bonjour,
J'ai une feuille print.css qui comme son nom l'indique sert à l'impression.
Malheureusement cette page n'est pas prise en compte et je ne comprends pas pourquoi.
Voici mon script d'en-tête html.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title><?= TITRE; ?></title>
	<meta name="description" content="<?php echo DESCRIPTION; ?>" /> 
	<meta name="keywords" content="<?php echo CONTENT; ?>" />
	<link rel="stylesheet" media="all" type="text/css" href="./_css/structure.css" /> <!-- Eléments dimensionnels -->
	<link rel="stylesheet" media="screen" type="text/css" href="./_css/style0.css" /> <!-- Styles personnalisés (couleurs, polices) -->
	<link rel="stylesheet" media="print" type="text/css" href="./_css/print.css" />
	<!-- <link rel="shortcut icon" type="image/x-icon" href="icone.ico" /> -->
</head>
<body id="imprFiche">
<!-- suite du code -->

Voici un extrait de mon code css où bordures et tailles de polices montrent la non prise en compte du css.

Code:

1
2
3
4
5
6
7
8
9
#imprFiche{
	font-size:10pt;
	display:none;
	border:1px solid black;
}
#imprFiche label{
	font-size:9pt;
	border:1px solid black;
}

20/03/2015, 15h11
Bovino

Citation:

où bordures et tailles de polices montrent la non prise en compte du css.

Ca correspond à quoi au juste la notion de bordures et de taille de police sur un élément en display: none ? :aie:
20/03/2015, 17h12
moimp

Ben justement, c'est encore une façon de voir que le css n'est pas pris en compte, puisque l'élément reste affiché. J'ai mis plusieurs attributs pour vérifier qu'aucun n'est pris en compte.
Mon problème est qu'en aperçu avant impression, le firebug ne fonctionne pas et je ne peux rien voir.
21/03/2015, 08h14
Muchos

Une explication possible serait que votre règle CSS dans "media=print" est moins forte que votre règle dans "media=all".

Dans tous les cas, validez votre code HTML/CSS au cas où.
23/03/2015, 08h02
Bovino

Citation:

Envoyé par smccbbm

c'est encore une façon de voir que le css n'est pas pris en compte, puisque l'élément reste affiché

Et il ne t'a pas semblé utile de le préciser dans ton premier message bien sûr... :whistle:

Bref, tel quel, on n'a manifestement pas assez d'informations pour pouvoir te répondre...
31/03/2015, 12h28
moimp
Citation:

Et il ne t'a pas semblé utile de le préciser dans ton premier message bien sûr...

Bien sûr que j'aurais du !;) Mais on ne pense pas à tout.

Après avoir laissé reposer mon sujet quelques jours ça marche et je ne comprends pas pourquoi.

Par contre, il me reste un problème: Je n'arrive pas à régler les marges par rapport au bord de la feuille. J'ai essayé de jouer sur les padding et margin mais la marge ne change pas.
Je n'ai pas touché le html mais voici mon css actualisé:
Code:

1 2 3 4 5 6 7 8 #imprFiche{ font-size:10pt; margin:0; padding:0; } #imprFiche label{ font-size:9pt; }
31/03/2015, 21h58
Erwan31

Tu dois commencer par réinitialiser les marges du body à 0 puis dans un 2ème temps paramétrer les marge d'impression dans ton driver.