[javascript] print zet delen op volgende pagina

[Compusmurf]

Ik ben bezig met een printvriendelijke versie van het assortiment van onze cafetaria.

Ik heb de volgende indeling gemaakt

code:

<h1>hoofdcategorie</h1>
  <h2>subcategorie</h2>
    <div class="div_producten">
    <div class="div_producten_productnaam">{productnaam}</div>
    <div class="div_producten_merk">{merk}</div>
    <div class="div_producten_prijs_teken">&euro;</div>
    <div class="div_producten_prijs">{prijs}</div>      
    </div>

Maar nu zet hij de inhoud van een subcategorie op de volgende pagina. Het is een beetje moeilijk uitleggen, daarom onderstaand plaatje.



Zoals je ziet is er voor de milkshake nog ruimte op de bovenste pagina.

In eerste instantie dacht ik dat een container div dit veroorzaakte, maar na het verwijderen is het probleem nog steeds niet weg. Voor de rest kon ik er niks over vinden op Got of Google.

Ik hoop dat jullie mij verder kunnen helpen.

[Verwijderd]

Zie http://msdn2.microsoft.com/en-us/library/aa358813.aspx en http://www.w3schools.com/..._style_pagebreakafter.asp om hier iets aan te doen.

[Compusmurf]

Verwijderd schreef op zondag 20 mei 2007 @ 21:09:
Zie http://msdn2.microsoft.com/en-us/library/aa358813.aspx en http://www.w3schools.com/..._style_pagebreakafter.asp om hier iets aan te doen.

Als ik dit goed begrijp zorgt deze functie ervoor dat deze een page break toevoegd als je er geen hebt. Ik zal er morgen nog eens goed naar kijken of dit een oplossing kan zijn.