[CSS] print probleem

[Verwijderd]

Hoi ,

Heb een website gemaakt mbv CSS en probeer een print versie te maken (dus als je gaat printen in de browser).

Op zich doet ti het wel. Alles wordt weggestript behalve de content. Maar in IE zie ik dat de tekst (mbv print preview) gewoon van het blad afvalt. FF gaat alles goed.

Heeft iemand hier ervaring ermee (of tips?

De website : http://www.haria.org.

Ik teste telkens op http://www.haria.org/?page=24

[BtM909]

width in cm's opgeven?

[Rowanov]

Dan is het toch alleen maar een kwestie van een apart stylesheet maken voor de print versie? Als hij van het bald afvalt aan de zijkant dan stel je een andere breedte in.
Handige link: http://www.alistapart.com/articles/goingtoprint/

[Verwijderd]

ja dat had ik al door dat ik aparte css moet maken.

heb nu dit

code:

#content {
    max-width:none;
    
    width:90%;
    
    display:visible;
    
    margin:0px;
    padding:0px;
        
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: justify;
}

.bron {
    
}


#gotoContent {
    display:none;
}

#header {
    display:none;
}

#menu_blok {
    display:none;
}

#contentSplitRight {
    display:none;
}

#vissen {
    display:none;
}

#footer {
    display:none;
}

[Verwijderd]

ik zou gewoon die hele width weglaten in print eigenlijk

overigens is "none" geen geldige waarde voor min-height

[ Voor 25% gewijzigd door Verwijderd op 06-02-2005 13:37 ]

[JHS]

Verwijderd schreef op zondag 06 februari 2005 @ 11:23:
overigens is "none" geen geldige waarde voor min-height

Hij heeft het dan toch ook alleen over max-width ? .

[ Voor 4% gewijzigd door JHS op 06-02-2005 11:34 ]

[Verwijderd]

nee helaas, de with eruit halen werkte ook niet ....

[Verwijderd]

Euhmm, AFAIK ondersteund IE de media parameter van @import helemaal niet. Zet maar is 'screen' bij die andere @imports. Het gaat dus om:

Cascading Stylesheet:

@import url(print.css) print;

edit:
Laat maar.

[ Voor 10% gewijzigd door Verwijderd op 07-02-2005 10:22 . Reden: Net wakker ]

[Verwijderd]

Wat meestal het beste werkt is beide sets style sheets, dus zowel voor print als voor screen (en eventueel voor andere) altijd media specificiëren. Dus bijvoorbeeld:

HTML:

<style type="text/css" media="screen">

Op die manier weet je zeker dat er geen CSS van jouw meer op de elementen zit waardoor je rustig je print style sheet kunt opbouwen.