[CSS] Printer-friendly stylesheet en Mozilla? - Softwareontwikkeling

zondag 18 april 2004 15:02

Acties:

*blink*

Topicstarter

Op mijn websijtje ben ik op dit moment bezig er een printer-friendly stylesheet te bouwen. Deze laat de menu's weg en legt de achtergrondkleur ed. weg. Hieronder het script waarmee browser X ze kan vinden:

code:

<HEAD>
    <LINK rel="stylesheet" type="text/css" media="screen" href="style.css"
title="Seven-Soft default" default>
    <LINK rel="stylesheet" type="text/css" media="print" href="printer.css"
title="Seven-Soft printer friendly">
    <TITLE>Seven-soft.com - one of a billion</TITLE>
</HEAD>

So far so good, in IE werkt t allemaal en word netjes printer.css geselecteerd om te printen(en bij print-preview, zoals ik t moet testen nu de printer leeg is

). Echter, probeer ik dizelfde bij Mozilla Firefox, dan word de huidige stylesheet gebruikt minus de achtergrondkleur. De enige manier om toch de printer-friendly-stylesheet te selecteren is het media-attribuut van printer.css op screen,print te zetten en vervolgens van tevoren handmatig de stylesheet te selecteren. Echter is dit niet het gewenste resultaat, en wil ik dat ook Mozilla Firefox gebruikers gewoon de printer-friendly pagina kunnen afdrukken. Nu mijn vraag: hoe? Kan dit uberhaupt wel met MF, of is dit een bug? Als het niet kan, is er een workaround voor? Ik heb zelf wat gegooled/op GoT gezocht, maar dat mocht niet baten (ik denk, ik zeg het maar

). default als attribuut weglaten voor de style.css of toevoegen bij printer.css hielp ook niet helaas.

[ Voor 19% gewijzigd door RSpliet op 18-04-2004 15:04 . Reden: layout-verkrachting ]

Schaadt het niet, dan baat het niet

zondag 18 april 2004 16:07

Acties:

Verwijderd

Er zitten fouten in je HTML (Mozilla ondersteund het prima, zie bijvoorbeeld m'n weblog).

zondag 18 april 2004 16:19

Acties:

RSpliet

*blink*

Topicstarter

Verwijderd schreef op 18 april 2004 @ 16:07:
Er zitten fouten in je HTML (Mozilla ondersteund het prima, zie bijvoorbeeld m'n weblog).

Daar kan ik veel mee

. Deze actie word toch wel ondersteund met HTML 4.01 transitional? XHTML wil ik me nog ff niet aan wagen

Schaadt het niet, dan baat het niet

zondag 18 april 2004 16:23

Acties:

Verwijderd

moet dat niet link rel="alternative stylesheet" zijn

Ownee, tuurlijk niet

[ Voor 30% gewijzigd door Verwijderd op 18-04-2004 16:26 ]

zondag 18 april 2004 16:25

Acties:

mouse256

code:

1
2
3

<link rel="stylesheet" type="text/css" media="screen,projection" href="style.css" />
<link rel="alternate stylesheet" type="text/css" media="screen,projection" href="fixed.css" title="fixed" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

Deze doet het perfect in IE, mozilla en mozilla firefox :-)

zie http://alleskan.vtk.be als voorbeeld...

[ Voor 30% gewijzigd door mouse256 op 18-04-2004 16:26 ]

zondag 18 april 2004 16:28

Acties:

Verwijderd

Daar kan ik veel mee . Deze actie word toch wel ondersteund met HTML 4.01 transitional? XHTML wil ik me nog ff niet aan wagen

Ook in HTML 4.01 heeft het link element geen default attribuut. Behandeling van HTML en XHTML is trouwens nagenoeg gelijk.

zondag 18 april 2004 16:49

Acties:

RSpliet

*blink*

Topicstarter

Anne, ik heb die defaults weggehaald, en alles verdeelt over 3 stylesheets intussen. De code:

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>

<HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <LINK rel="stylesheet" type="text/css" media="screen" href="style-screen.css" 
title="Seven-Soft default">
    <LINK rel="stylesheet" type="text/css" media="print, screen" href="style-print.css" 
title="Seven-Soft printer friendly">
    <LINK rel="stylesheet" type="text/css" href="style.css">
    <TITLE>Seven-soft.com - one of a billion</TITLE>
</HEAD>

Ik wil best wel laten zien dat t niet werkt: http://www.seven-soft.com . Ik wil alleen weten, waarom slikt IE t wel, en MFF het bij mij iig. niet.
@mouse256: bij jou werrukt t wel, maak me nou niet nog meer confused

Edit: als je voor printer-friendly kiest, ik weet dat t niet goed uitgelijnd is, ik wil alleen eerst dit fixen

[ Voor 43% gewijzigd door RSpliet op 18-04-2004 16:55 . Reden: Link-code iets aangepast, dan kan je iig zelf kiezen voor printer-friendly ]

Schaadt het niet, dan baat het niet

zondag 18 april 2004 16:53

Acties:

Verwijderd

En als je de title van de print stylesheet weglaat?

edit:

Even getest, en dan werkt het in FF wel goed:

HTML:

1 2	<LINK rel="stylesheet" type="text/css" media="print" href="http://www.seven-soft.com/style-print.css">

[ Voor 65% gewijzigd door Verwijderd op 18-04-2004 16:57 ]

zondag 18 april 2004 16:58

Acties:

RSpliet

*blink*

Topicstarter

Riff: dan werkt het

tnx

. Blijkbaar mag dat ding gewoon geen titel hebben.

Schaadt het niet, dan baat het niet

zondag 18 april 2004 17:02

Acties:

Verwijderd

Dat mag wel, zie m'n weblog. Ze moeten alleen dezelfde titel hebben, omdat het hetzelfde setje is (ze horen bij elkaar).

zondag 18 april 2004 23:08

Acties:

Blaise

Edit: als je voor printer-friendly kiest, ik weet dat t niet goed uitgelijnd is, ik wil alleen eerst dit fixen

Misschien was het je al opgevallen dat de huidige print-versie tekst wel erg klein is...

ook interessant.

dinsdag 20 april 2004 19:10

Acties:

RSpliet

*blink*

Topicstarter

Okee, om een oud topic nieuw leven in te blazen: Nu werkt IE weer niet mee. Ik ben nu zover gevordert dat het ge-CSS werkt. Nu kan een Mozilla Firefox gebruiker ook kiezen of hij/zij de printer-friendly in de browser zelf ook wilt zien of de gewone layout(met printer-friendly als print-template). Mss word het zo duidelijker:

HTML:

    <LINK rel="stylesheet" type="text/css" media="print,screen"href="style.css"
title="Seven-soft default style">
    <LINK rel="stylesheet" type="text/css" media="screen"
href="style-screen.css" title="Seven-soft default style">
    <LINK rel="stylesheet" type="text/css" media="print"
href="style-print.css" title="Seven-soft default style">
    <LINK rel="stylesheet" type="text/css" media="print,screen"
href="style.css" title="Seven-soft printer-friendly">
    <LINK rel="stylesheet" type="text/css" media="print,screen"
href="style-print.css" title="Seven-soft printer-friendly">

Voor zover alles goed, in MFF werkt alles prima. En rara, nu sputterd IE weer tegen. IE negeert het title="" gedeelte COMPLEET en include dus alles wat als media-type screen bevat. Zo ontstaat dus een onsmakelijke css-mix. Op dit moment ga ik dat tegen door die laatste 2 regels te vervangen door

HTML:

<script language="javascript">
/* RETARDED MSIE! 
 * currently I'm in a state of swearing at Microsoft so hard, that my
 * lungs have more chance of survival when I start smoking

 * for the record: MSIE 'hates' multiple styleset-sets, identified by
 * title (valid according to W3C, so this special feature has to be
 * hidden from MSIE to remain a decent layout */

if(navigator.appName != "Microsoft Internet Explorer") {
    document.write('<LINK rel="stylesheet" type="text/css" media="print,screen"
href="style.css" title="Seven-soft printer-friendly">');
    document.write('<LINK rel="stylesheet" type="text/css" media="print,screen"
href="style-print.css" title="Seven-soft printer-friendly">');
}
</script>

Maar een echt nette oplossing is dit niet (javascript

). Zijn er geen goede oplossingen om IE over zijn enorme koppigheid heen te krijgen, zonder je te vergrijpen op Javascripts?

_{ja, dat notitie-geflame is echt nodig, anders vergeet ik over n poosje dat ik daarom die bups javascript heb neergeknalt}

[ Voor 29% gewijzigd door RSpliet op 20-04-2004 19:13 . Reden: layout-verkrachting ]

Schaadt het niet, dan baat het niet

woensdag 21 april 2004 20:52

Acties:

RSpliet

*blink*

Topicstarter

Op een papiertje dat aan dit topic kleefde stond op 20 april 2004 @ 19:10:
code:
1
2
3
4
5
-----------------------
|                     |
|       Sgop me       |
|                     |
-----------------------

* RSpliet

[ Voor 18% gewijzigd door RSpliet op 21-04-2004 20:53 ]

Schaadt het niet, dan baat het niet