Jeg har to CSS filer til mit site. En med media="screen" og en med
media="print".
Jeg har nogle klasser til nogle celler i min tabel som meget gerne skulle
resultere i at cellerne får en baggrundsfarve på udskriften
td.ingenarrangement
{
font-size: 7pt;
background-color: #ccc;
color: silver;
white-space: nowrap;
max-width: 150px;
}
td.kursus
{
font-size: 7pt;
background-color: #EF8639;
color: white;
white-space: nowrap;
max-width: 150px;
}
Desværre så er der på print preview i IE ingen baggrundsfarve på cellerne
- men font-size osv. ser rigtig nok ud. Font farve (color) står til en
mørk grå i de celler af klassen kursus - selvom der i klassen kursus står
at color skal være white?
Der er ingen anden klasse ved navn kurus i mit CSS - så jeg forstår ikke
helt hvorfor farven ikke udskrives?
Har i nogle hints til hvad der kan være problemet vil jeg meget gerne
høre dem.
Indholdet af en lille test-case jeg bruger til formålet er nedenstående:
Fil: style.css
------------------------
td.ingenarrangement
{
font-size: 24pt;
background-color: yellow;
color: silver;
white-space: nowrap;
max-width: 150px;
}
td.kursus
{
font-size: 12pt;
background-color: #EF8639;
color: white;
white-space: nowrap;
max-width: 150px;
}
------------------------
Fil: print_style.css
------------------------
td.ingenarrangement
{
font-size: 24pt;
background-color: yellow;
color: silver;
white-space: nowrap;
max-width: 150px;
}
td.kursus
{
font-size: 12pt;
background-color: #EF8639;
color: white;
white-space: nowrap;
max-width: 150px;
}
------------------------
Fil: index.html
------------------------
<html>
<head>
<title>CSS test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
1" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css"
/>
<link rel="stylesheet" type="text/css" media="print"
href="print_style.css" />
</head>
<body>
<table border="1">
<tr>
<th>Kursus</th><th>Alm.</th><th>Ingenarrangement</th>
</tr>
<tr>
<td class="kursus">Test</td><td>Ingen baggrund</td><td
class="ingenarrangement">Test</td>
</tr>
</table>
</body>
------------------------
På forhånd tusind tak for hjælpen
Flemming