Salut à tous,
Voilà j'ai un petit problème sur La page suivante. En effet, dessus il y'a un lien pour imprimer un bulletin d'inscription grâce à une feuille CSS d'impression, tout fonctionne sous firefox et IE, mais sous opera la page imprimé possède un fond noir.
J'ai l'impression que le background-color du body de la feuille de style d'impression n'est pas pris en compte, et qu'à la place c'est celui de la feuille de style principale...
J'appel les 2 feuilles comme ça:
Et je vous file les 2 feuilles de style, si ça peut aider
kln.css:
print.css:
Voilà voilà j'éspère que c'est un problème qui pourra être résolu
Voilà j'ai un petit problème sur La page suivante. En effet, dessus il y'a un lien pour imprimer un bulletin d'inscription grâce à une feuille CSS d'impression, tout fonctionne sous firefox et IE, mais sous opera la page imprimé possède un fond noir.
J'ai l'impression que le background-color du body de la feuille de style d'impression n'est pas pris en compte, et qu'à la place c'est celui de la feuille de style principale...
J'appel les 2 feuilles comme ça:
<link rel="stylesheet" media="screen" href="kln.css" />
<link rel="stylesheet" media="print" href="print.css" />
Et je vous file les 2 feuilles de style, si ça peut aider
kln.css:
/* ================================= ID ============================ */
#fond {
margin-left: auto;
margin-right: auto;
width: 798px;
height: 100%;
background-color:#01014B;
background-image:url(images/damier.jpg);
background-repeat:repeat-y ;
}
#entete { /* menu */
margin-left: auto;
margin-right: auto;
width: 798px;
height: 250px;
}
#titre { /* titre haut debit */
width:798px;
height:90px;
position: absolute;
top: 250px;
background:url(images/fonds/fondtitre.jpg);
background-repeat:no-repeat;
background-position:bottom;
z-index:100;
}
#titrebd { /* Titre bas débit */
width:213px;
height:53px;
position: absolute;
top: 200px;
left: 47%;
z-index:100;
}
#gauche {
padding:0px;
margin:0px;
width: 150px;
height: 100%;
float: left;
}
#centre { /* contenu principal */
float:right;
margin-top:15%;
padding-bottom:6%;
width: 648px;
height:100%;
}
#pied {
margin-left: 150px;
width: 648px;
}
#cache { /*contenu affiché uniquement lors de l'impression*/
display: none;
}
/* gestion du faux pop up */
#pop1 {
display: none;
position: absolute;
bottom: 5em;
right: 10em;
width: 20em;
border: 3px double black;
background: #01014B;
cursor: pointer;
z-index: 500;
}
#aster { /*asterisques dans les pages de demandes d'info ou de demande de devis*/
color:#F7BF02;
}
#marge {
margin-bottom:400px; /* marge pour agrandir la page pour rester cohérant avec la partie gauche quand il n'y a pas assez de contenu */
}
#gdmarge {
margin-bottom:600px; /* marge plus grande */
}
/* ================================= Classes ============================ */
.contenuc { /*Pour le contenu centré */
margin-left: auto;
margin-right: auto;
margin-bottom:5%;
text-align:center;
width: 70%;
}
.contenuj { /*Pour le contenu justifié */
margin-left: auto;
margin-right: auto;
margin-bottom:5%;
text-align:justify;
width: 70%;
}
.important { /*Pour les notifications dans les challenges*/
text-align:center;
padding:2%;
margin-top:5%;
color: red;
}
.fermer { /*Pour fermer le faux pop up*/
margin: 0.5em 0 0 0;
border-top: 1px solid black;
color: black;
text-align: center;
background-color: white;
}
.form { /*Utilisé dans les formulaires de demande de devis ou de demande d'informations */
margin-right: 27%;
}
.module { /*Modules apparaissants dans la partie gauche*/
float:left;
margin-top:90px;
margin-bottom:50px;
border:outset;
border-collapse:collapse;
border-color:#F7BF02;
background-color:#01014b;
width:140px;
text-align:center;
font-size: 12px;
z-index:10;
}
.actualite { /*Modules des chalenges sous IE*/
float:left;
margin-top:30px;
}
html>body .actualite { /*Modules des challenges flottants sous firefox*/
position: fixed;
z-index:130;
}
/* ================================= Général ============================ */
body {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: white;
background-color: black;
margin: 0;
text-align: center; /* pour corriger le bug de centrage IE */
}
a {
color : #F7BF02;
text-decoration: none;
}
a:visited {
color : #F7BF02;
text-decoration: none;
}
a:hover {
color : blue;
text-decoration: none;
}
table {
margin-left: auto;
margin-right: auto;
border:solid;
border-color:#F7BF02;
border-collapse:collapse;
width: 70%;
}
thead {
background-color:#F7BF00;
border:1px solid #6495ed;
color:#000000;
}
td {
border: thin solid #000000;
}
h1 {
font-style:italic;
}
h2 {
font-size:36px;
color:#F7BF02;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
}
h3 {
color:#F7BF02;
}
ul{
margin-left:48px;
list-style-image:url(images/puce.gif);
}
li {
margin-bottom:20px;
font-style:italic;
}
/* ===================== Menu bas débit ============================ */
#menu {
/* placement du menus */
top: 0;
left: 10.4%;
z-index:100;
width: 798px; /* correction pour Opera */
height: 200px;
background-image:url(images/fonds/menu.jpg);
margin-left: auto;
margin-right: auto;
}
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 130px;
}
#menu dt {
color: #01014b;
cursor: pointer;
text-align: center;
font-weight: bold;
background-image:url(images/boutons/menu.png);
margin: 1px;
}
#menu dd {
display: none;
}
#menu ul{
list-style-image:none;
}
#menu li {
text-align: center;
background-image:url(images/boutons/menu.png);
margin-bottom:0px;
font-style:none;
}
#menu li a, #menu dt a {
color: #01014b;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background-image:url(images/boutons/menu2.png);
color: #01014b;
}
print.css:
#fond {
position:absolute;
left:50%;
width: 798px;
margin-left:-399px;
background-color:#ffffff;
}
#entete {
display:none;
}
#menu {
display:none;
}
#titrebd {
display:none;
}
#titre {
display:none;
}
#gauche {
display:none;
}
#centre {}
#pied {
display:none;
}
#fermer {
display:none;
}
#cacheimpr {
display:none;
}
.contenuc { /*Pour le contenu centré */
margin-left: auto;
margin-right: auto;
margin-top:5%;
text-align:center;
width: 70%;
}
.contenuj { /*Pour le contenu justifié */
margin-left: auto;
margin-right: auto;
margin-top:5%;
text-align:justify;
width: 70%;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: black;
background-color: white;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
}
table {
margin-left: auto;
margin-right: auto;
border:solid;
border-color:#F7BF02;
border-collapse:collapse;
width: 70%;
}
thead {
background-color:#F7BF00;
border:1px solid #6495ed;
color:#000000;
}
td {
border: thin solid #000000;
}
h1 {
font-style:italic;
}
h3 {
color:#F7BF02;
}
ul{
margin-left:48px;
list-style-image:url(images/puce.gif);
}
li {
margin-bottom:20px;
font-style:italic;
}
Voilà voilà j'éspère que c'est un problème qui pourra être résolu