Beste Tweakers,
Ik heb op een bepaalde site (ik kan helaas het adres op dit punt niet geven.) een optie om een ticket uit te printen. Deze ticket heeft uiteraard een layout met daarbovenin een headerbalkje.
Op de body zit een onload "window.print();" zodat er automatisch een printvenster weergeven wordt.
Als ik hem nu uitprint op IE (danwel 6 danwel 7) ziet het er prima uit.
Helaas is dit niet op Firefox het geval, ik kwam er uberhaupt achter dat background-images niet meegeprint worden, dus moest ik alles omzeilen met gewone images die ik uitrek.
Nu gaat dit op IE dus goed, maar firefox mist een bepaald plaatje. Als er iemand met de gouden tip kan komen ben ik enorm blij. Zelf heb ik veel geprobeerd en google afgezocht, maar ik kon geen concrete informatie vinden die mij zou helpen.
Bron (deels):
Wat ik gekopieerd heb is de header in kwestie, een table is uiteraard lelijk hiervoor, maar dit geeft wel het beste resultaat met mijn doeleinde.
Links staat het logo (268x60), middenin is de boel opgevuld met een kleur (uit een plaatje van 1x1px print_bon_top.gif). en rechts staat een klein logotje, 70x60, print_bon_right.gif)
Als ik de bepaalde pagina zie met firefox ziet hij er wel prima uit, maar uit de printer krijg ik niet hetzelfde resultaat. Hier mis ik de middelste td (print_bon_top.gif). Dit is gewoon vervangen door een wit vak.
Iemand die me kan helpen, graag.
Ik heb op een bepaalde site (ik kan helaas het adres op dit punt niet geven.) een optie om een ticket uit te printen. Deze ticket heeft uiteraard een layout met daarbovenin een headerbalkje.
Op de body zit een onload "window.print();" zodat er automatisch een printvenster weergeven wordt.
Als ik hem nu uitprint op IE (danwel 6 danwel 7) ziet het er prima uit.
Helaas is dit niet op Firefox het geval, ik kwam er uberhaupt achter dat background-images niet meegeprint worden, dus moest ik alles omzeilen met gewone images die ik uitrek.
Nu gaat dit op IE dus goed, maar firefox mist een bepaald plaatje. Als er iemand met de gouden tip kan komen ben ik enorm blij. Zelf heb ik veel geprobeerd en google afgezocht, maar ik kon geen concrete informatie vinden die mij zou helpen.
Bron (deels):
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <table cellpadding="0" cellspacing="0" class="header">
<tr>
<td class="left">
<img src="images/print_bon_logo.gif">
</td>
<td width="95%">
<img width="100%" height="60" src="images/print_bon_top.gif">
</td>
<td class="right">
<img width="70" height="60" src="images/print_bon_right.gif">
</td>
</tr>
</table> |
Wat ik gekopieerd heb is de header in kwestie, een table is uiteraard lelijk hiervoor, maar dit geeft wel het beste resultaat met mijn doeleinde.
Links staat het logo (268x60), middenin is de boel opgevuld met een kleur (uit een plaatje van 1x1px print_bon_top.gif). en rechts staat een klein logotje, 70x60, print_bon_right.gif)
Als ik de bepaalde pagina zie met firefox ziet hij er wel prima uit, maar uit de printer krijg ik niet hetzelfde resultaat. Hier mis ik de middelste td (print_bon_top.gif). Dit is gewoon vervangen door een wit vak.
Iemand die me kan helpen, graag.
Oost west, 127.0.0.1 best!