Geckozone

Salut à tous,

J'ai défini une CSS pour ne pas imprimer certaines parties de ma page.
Mais ça ne marche pas avec FF 1.0.4.

Vous avez la page à http://www.desala.org/tests/index-print.html

Des idées ?

Merci d'avance

Vous avez ci-après les sources.

Fichier HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="defaut.css" media="screen" title="defaut" />
<link rel="stylesheet" type="text/css" href="impression.css" media="print" title="print" />
<title>Test de feuille de style pour l'impression</title>
</head>
<body>
<div id="header">
<p>Cette partie constitue l'entête de la page.</p>
</div>

<p>Nous sommes dans la zone principale de la page.</p>
<p>Nous sommes dans le deuxième paragraphe.</p>

<div id="footer">
<p>Cette partie constitue le pied de la page.</p>
</div>
</body>
</html>

defaut.css :
body{
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: Black;
background-color: #fff;
font-size: 80%;
}

#header, #footer {
background-color: Lime;
}

impression.css :
body{
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: Black;
background-color: #fff;
font-size: 80%;
}

#header, #footer {
display: none;
}

Et avec un @media print { ... } dans defaut.css ?

Code : Tout sélectionner

@media print {

  body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: black;
    background-color: #fff;
    font-size: 80%;
  }

  #header, #footer { display: none; }

}

On peut avoir une démo grandeur nature ? Parce que normalement ça marche...

*modération*

aide pour la construction de son propre site : je déplace.

*modération*

Geckozone

CSS pour impression : pb avec display

CSS pour impression : pb avec display