<div> spliten als een gedeelte op de andere pagina komt

[jos_zwa]

Mensen ik heb een vraagje.

Ik heb een behoorlijke lange HTML pagina (php) aan het maken die ook goed uitgeprint moet worden. Alles in de pagina's is verdeeld in verschillende div's. Nu wil ik het zo maken dat een div nooit op 2 pagina's geprint kan worden. Dus het eerste gedeelte van de div onderaan de pagina en de rest op de volgende pagina. Alle div's moeten altijd op 1 pagina staan en dus niet gesplit. De divs hebben een variable hoogte.

Weet iemand hoe ik dit makkelijk en snel kan oplossen?

[Verwijderd]

Ooit al gegoogled?

Google: "print div at new page" Eerst hit!
http://www.codestore.net/store.nsf/unid/DOMM-4WMEU6/

[gertvdijk]

Laat het aan je browser over. Page break met CSS.

[ako]

div
{
page-break-inside: avoid
}

[jos_zwa]

ako schreef op maandag 07 april 2008 @ 14:44:
div
{
page-break-inside: avoid
}

wow! wat snel antwoord! deze werkt voor mij! super bedankt!

[RM-rf]

be3denk overigens goed dat het van iedere printdriver afhankelijk is in hoeverre css-media="print" wel of niet ondersteund is en er dus per client grote verschillen kunnen bestaan.

Je hebt dus nooit gehele zekerheid dat bij alle clients dit goed ondersteund wordt, hooguit voor 'lokale' toepassing waar je per client-computer kunt controleren of deze css-propertie ondersteund is.

[jos_zwa]

hmm.. ik dacht dat de page-break-inside: avoid werkte maar het werkte toch niet. in IE6 en FF werkt het niet. iemand? want dit is precies wat ik eigenlijk wil gebruiken.

[moozzuzz]

Hey,

gewoon een denkpiste: De enigste elementen die steevast onsplitbaar afgeprint worden (bij mijn weten) zijn images. Misschien kan je een soort (floating) image van 1px breed zetten in de divs die niet gesplit mogen worden? Let wel helemaal tegen de regels van CSS in: inhoud (in dit geval die 1px-image) gebruiken om te layouten (in dit geval je print)...

[jos_zwa]

maar als er een 1px image in de div zit dan kan het toch makkelijk zijn dat de div alsnog gesplit wordt en de 1px image gewoon op 1 pagina komt en de rest op de volgende? de image is tenslotte niet gesplit.