div / table => printen :(

[Verwijderd]

Halo,

Ik heb onderstaande code ongeveer 100x achter elkaar staan op mijn site.
Dit overzicht ziet er in de browser prima uit,
maar wanneer ik de lijst wil printen, staan het adres en de foto soms niet op de zelfde pagina

Deze code heb ik al geprobeerd met een <DIV>, maar dat levert het zelfde resultaat op...

code:

<table style="float:left">
  <tr>
    <td>
      Naam, Adres<br/>
      [img]"FOTO">
[/img]
  </tr>
</table>

[Gonadan]

Ik heb er ook wel eens mee gewerkt.
Wat je kan proberen is berekenen hoeveel er op een pagina passen.
En dan na dat aantal steeds een pagina-break invoegen met CSS.

Kijk maar eens naar @media: print en page break.
w3schools: CSS print
w3schools: CSS media types

[ Voor 29% gewijzigd door Gonadan op 26-06-2006 12:50 ]

[Xander]

Gonadan schreef op maandag 26 juni 2006 @ 12:48:
Ik heb er ook wel eens mee gewerkt.
Wat je kan proberen is berekenen hoeveel er op een pagina passen.
En dan na dat aantal steeds een pagina-break invoegen met CSS.

Kijk maar eens naar @media: print en page break.
w3schools: CSS print
w3schools: CSS media types

Als ik op jouw linkjes zit te lezen... zou een page-break-after: auto; op de foto's en een page-break-after: avoid; bij de naam niet voldoende zijn?

[whoami]

Dit heeft niets met PRG te maken.
HTML en client-side shizzle horen thuis bij de buren.

-> /13

[Gonadan]

XanderH schreef op maandag 26 juni 2006 @ 12:52:
[...]


Als ik op jouw linkjes zit te lezen... zou een page-break-after: auto; op de foto's en een page-break-after: avoid; bij de naam niet voldoende zijn?

In theorie wel denk ik.
Ik heb alleen zelf ondervonden dat het beter gaat als je het hardcoded oplost
Maar ik had ook een iets andere situatie.
De TS kan beide manieren even proberen, zo gebeurd

Tip: gebruik het afdrukvoorbeeld, scheelt papier

[Verwijderd]

waarom heb je dat in godsnaam in een table?

verder idd print css (page-break-inside), al is dat in IE nog behoorlijk behelpen

edit: als ik dit bekijk: http://www.westciv.com/st...ser_support/printing.html ( )
zou je het beste idd met page-break-before en ~after kunnen werken, zoals hiervoor gezegd

[ Voor 51% gewijzigd door Verwijderd op 26-06-2006 13:05 ]

[Verwijderd]

Volgens mij ben ik niet helemaal duidelijk geweest.
Het plaatje hieronder zijn 2 pagina's.

Alle plaatjes en teksten zijn even groot in dit voorbeeld.
Op dit moment heb een DIV per persoon.

Op een bepaald moment (hier 49), wordt het plaatje gewoon op de volgende pagina geplaatst

Verwijderd schreef op maandag 26 juni 2006 @ 13:00:
waarom heb je dat in godsnaam in een table?

Omdat de DIV hetzelfde probleem veroorzaakte, heb ik er tijdelijk een TABLE van gemaakt .
Op dit moment zit het weer in een DIV.

Ik heb die "page-break-dingen" geprobeerd, maar deze werken helaas niet goed in mijn site...

[ Voor 12% gewijzigd door Verwijderd op 26-06-2006 15:42 ]

[Xander]

Verwijderd schreef op maandag 26 juni 2006 @ 15:24:
Op een bepaald moment (hier 49), wordt het plaatje gewoon op de volgende pagina geplaatst
[afbeelding]

Dat is inderdaad niets raars, dat browsers iets op een gekke plek afbreken. Waarom denk je dat ze table's of div's niet zouden 'doorbreken', tenzij je aangeeft dat dat niet mag?

Ik heb die "page-break-dingen" geprobeerd, maar deze werken helaas niet goed in mijn site...

Heb je daar misschien een stukje voorbeeldcode bij?

[Verwijderd]

XanderH schreef op maandag 26 juni 2006 @ 15:52:
Heb je daar misschien een stukje voorbeeldcode bij?

PHP:

<?php

    for ($i=0; $i < 100; $i++)
    {
        print
            '<div style="float:left; page-break-inside:avoid; border-style:solid; border-width:1px; width:155px" align="center">
                ' . $i . ' - Voornaam<br/>
                Achternaam<br/>
                [img]"GetFoto.php"[/img]
            </div>';
    }
    
?>

[Technicality]

whoami schreef op maandag 26 juni 2006 @ 12:56:
Dit heeft niets met PRG te maken.
HTML en client-side shizzle horen thuis bij de buren.

-> /13

offtopic:
Die blog van jouw heeft een adsense blokje over de content heen