Discussion :

[mat_elot]

Salut,
j'ai un souci de float avec mon PDF.
J'ai une page avec des div en pagailles, ils sont tous width: auto; float: left; clear: none;

Sur ma page html, lorsqu'un div est de petite taille et que le suivant peut se placer à coté (ce que je cherche à faire), tout marche nickel!

Mais sur ma page pdf qui est générée, tous les div sont à la suite, les uns sous les autres, comme si le CSS prenait un clear: both ou un width:100%; pour les div.
le code de mon doc php qui génére cela est le suivant:

<?php
/**
* HTML2PDF Librairy - example
*
* HTML => PDF convertor
* distributed under the LGPL License
*
* @author Laurent MINGUET <webmaster@html2pdf.fr>

*
* isset($_GET['vuehtml']) is not mandatory
* it allow to display the result in the HTML format
*/

// get the HTML
session_start();
ob_start();
?>
<link rel="StyleSheet" type="text/css" href="css/control.css">
<link rel="StyleSheet" type="text/css" href="css/tablemoo.css">
<style type="text/css">
<!--
table.page_header {width: 100%;color:white; border: none; background-color: #2776B0; border-bottom: solid 1mm #12466B; padding: 2mm;font-size: 4mm }
table.page_footer {width: 100%; border: none; background-color: white; border-top: solid 1mm #ED9F47; padding: 2mm}
div.note {border: solid 1mm #DDDDDD;background-color: #EEEEEE; padding: 2mm; border-radius: 2mm; width: 100%; }
ul.main { width: 95%; list-style-type: square; }
ul.main li { padding-bottom: 2mm; }
h1 { text-align: center; font-size: 15mm}
h3 { text-align: center; font-size: 12mm}
img {border: medium none;width: 380px;}
.blocindic{
margin-bottom: 10px;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
float: left;
width: auto !important;
clear: none !important;
}
.keynum {
font-size: 120%;
/*width: auto !important;*/
}
.source {
margin-left:10px;
}
.separ{
margin: 5px 20px;
width: 150px;
height: 7px;
background-repeat: no-repeat;
float:left;
clear:both;
}
.tdSimple, .colHeaderSimple, .colHeaderTitre {
font: 5px arial;
}


-->
</style>

<!------------------------------------------------>
<!-- LA PREMIERE PAGE-->
<!------------------------------------------------>


.........

Et en gros, le CSS que j'ai écrit pour uniquement la création du PDF ( a partir de la classe blocindic donc) n'est qu'en partie pris en compte. Les margin passent, mais pas le reste en gros... je sais vraiment pas quoi faire j'ai l'impression d'avoir tout testé!!



Merci !

[thecanea]

Bonjour,

Je sais que quelques mois ce sont écoulés depuis ta demande, mais j'apporte ici une réponse brève qui pourra peut être servir à d'autres personnes qui tombent sur ce post resté sans solutions...

Les propriétés CSS ne sont pas toutes gérées par html2pdf, et la documentation n'est pas explicite sur l'ensemble des règles gérées ou non.

Ensuite, des limitations dues à TCPDF, librairie utilisée par html2pdf impose également des interprétations "hasardeuses" de nos propriétés CSS.

Pour parvenir au meilleur résultat, le "mieux" () est d'utiliser pour les pdf des tables. Il faut éviter également un trop grand nombre de div dans les pdfs via html2pdf, et plus particulièrement les grandes divs qui dépasseraient la taille d'une page A4...

Davantage d'informations sur ce lien : http://stackoverflow.com/questions/8...ts-in-html2pdf

En espérant que ces précisions puissent servir à quelqu'un.
Bonne continuation.
Thec