[CSS] Print slechts 1 pagina - Softwareontwikkeling

maandag 14 juni 2004 15:23

Acties:

Verwijderd

Topicstarter

Ik ben bezig om onze intranetsite om te bouwen. Er kwam totaal geen CSS in voor en zag er ook nog eens niet uit. Niet handig dus.

Het begint er steeds meer op te lijken, alleen printen wil nog niet helemaal. Ik heb een aparte CSS voor print (uiteraard).
Maar er wordt slechts 1 pagina afgedrukt, terwijl het er minstens 3 zouden moeten zijn.

De structuur van mijn HTML is:

code:

<html>
<head>
  <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
  <link rel="stylesheet" type="text/css" media="print" href="print.css" /> 
  <title>Intranet</title>
</head>
<body>
<div id="globalwrapper">
   <div id="leftbar">
      <!--Logo -->
      <h5>Navigatie</h5>
      <div id="nav">
         <!--Linkjes -->
      </div>
      <h5>Zoeken</h5>  
      <div id="search">
         <!--Zoekformuliertje-->
      </div>
   </div>
   <div id="contentSub">
      <div id="topbar">
         <!-- tabbladen -->
      </div>
      <div id="contentTitle"> 
         <!-- titel -->
         <!-- inhoudsopgave -->   
         <div id="contentBody">
            <!-- content -->
         </div>
     </div>
   </div>
</div>
</body>
</html>

nu heb ik in de print CSS mbv display: none; de leftbar en de topbar verwijderd en het font en de positionering wat veranderd van de andere div's.

Als ik echter print krijg ik slecht een gedeelte van de DIV contentBody te zien. Vaag

Ik heb al wat zitten klooien met "page-break-inside: auto;", maar dat mocht ook niet baten.

Iemand?

maandag 14 juni 2004 15:25

Acties:

BtM909

Watch out Guys...

Misschien stomme vraag, maar laat eens je print-css zien?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 14 juni 2004 15:28

Acties:

Verwijderd

Topicstarter

Dit zijn de zaken die er volgens mij toe doen. opmaak van headings e.d. heb ik even weggelaten.

code:

body{
  font: x-small serif;
  margin: 0px;
  padding:0px;
  background: #FFF;
}

#globalWrapper {
    font-size:120%;
    width: 100%;
    page-break-inside: auto;    
    margin: 0;
    padding: 0;
}

div#leftbar {
  display: none;
}

div#topbar {
  display: none;
}

div#mainbody {
  position: absolute;
  left: 10px;
  top: 27px;
  width: 85%;
  min-height: 300px;
  background: white;
  margin: 0px;
  padding: 0px;
  border: solid #CCC 1px;
  border-width: 1px 1px 1px 1px;
  z-index: 1;
}


div#contentBody {
  page-break-inside: auto;
  margin-left: 10px;
}

maandag 14 juni 2004 15:46

Acties:

Verwijderd

Probeer de #mainBody niet op position: absolute te zetten, maar gebruik padding-left: 10px etc.

maandag 14 juni 2004 16:00

Acties:

faabman

ik zou zoiezo je printpagina zo min mogelijke styling meegeven... gewoon platte tekst met plaatjes en een zwart-wit logo, daarmee hou je de bezoekers die afdrukken ook te vriend...

meer info op: http://www.alistapart.com/articles/goingtoprint/

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

maandag 14 juni 2004 16:02

Acties:

djluc

Heb je geen gedeelte met iets er in als @media: print o.i.d.?

maandag 14 juni 2004 16:22

Acties:

Verwijderd

ik gok erop dat je die globalwrapper en/of die mainbody / contentbody een overflow: none moet geven.

[ Voor 9% gewijzigd door Verwijderd op 14-06-2004 16:23 ]

maandag 14 juni 2004 16:23

Acties:

Rickets

Finger and a shift

faabman schreef op 14 juni 2004 @ 16:00:
ik zou zoiezo je printpagina zo min mogelijke styling meegeven... gewoon platte tekst met plaatjes en een zwart-wit logo, daarmee hou je de bezoekers die afdrukken ook te vriend...

meer info op: http://www.alistapart.com/articles/goingtoprint/

Het is voor een intranet, dus wellicht past hij de standaard styling toe die geldt binnen het bedrijf.

djluc schreef op 14 juni 2004 @ 16:02:
Heb je geen gedeelte met iets er in als @media: print o.i.d.?

Dat hoeft niet; die hele stylesheet is voor het print-medium.

[ Voor 51% gewijzigd door Rickets op 14-06-2004 16:25 ]

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.

maandag 14 juni 2004 16:34

Acties:

Verwijderd

Topicstarter

djluc schreef op 14 juni 2004 @ 16:02:
Heb je geen gedeelte met iets er in als @media: print o.i.d.?

nope, wel heb ik:
"<link rel="stylesheet" type="text/css" media="print" href="print.css" />"
een aparte style voor print inderdaad.

Helaas zit ik nu thuis, dus jullie oplossing(en) kan ik pas morgenochtend testen. alvast tnx iig

dinsdag 15 juni 2004 07:33

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op 14 juni 2004 @ 15:46:
Probeer de #mainBody niet op position: absolute te zetten, maar gebruik padding-left: 10px etc.

Tnx, dit was de oplossing, ik heb de regel position: absolute weggehaald en het werkt als een speer.
Kan iemand uitleggen waarom?

dinsdag 15 juni 2004 07:37

Acties:

Mike78

Always

Verwijderd schreef op 15 juni 2004 @ 07:33:
[...]

Tnx, dit was de oplossing, ik heb de regel position: absolute weggehaald en het werkt als een speer.
Kan iemand uitleggen waarom?

Dat zal misschien te maken hebben met het printbereik van de printer. (Zoveel px van de kanten). Anders zou ik het ook zo niet weten.

24 uur per dag, 24 biertjes in een krat. Toeval?