{"id":2952,"date":"2019-01-15T20:56:44","date_gmt":"2019-01-15T20:56:44","guid":{"rendered":"https:\/\/answers.gurussolutions.com\/answers\/en-quoi-les-modeles-pdf-html-avances-de-netsuite-traitent-ils-le-css-differemment\/"},"modified":"2026-07-28T18:25:20","modified_gmt":"2026-07-28T18:25:20","slug":"en-quoi-les-modeles-pdf-html-avances-de-netsuite-traitent-ils-le-css-differemment","status":"publish","type":"qa_entry","link":"https:\/\/answers.gurussolutions.com\/fr\/answers\/en-quoi-les-modeles-pdf-html-avances-de-netsuite-traitent-ils-le-css-differemment\/","title":{"rendered":"En quoi les mod\u00e8les PDF\/HTML avanc\u00e9s de NetSuite traitent-ils le CSS diff\u00e9remment ?"},"content":{"rendered":"","protected":false},"template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","ga_subtitle":"Les mod\u00e8les PDF\/HTML avanc\u00e9s de NetSuite utilisent le g\u00e9n\u00e9rateur de rapports Big Faceless Organization (BFO), qui traite les \u00e9l\u00e9ments CSS et HTML avec des comportements de rendu diff\u00e9rents de ceux des navigateurs Web standard.","ga_short_answer":"Les mod\u00e8les PDF\/HTML avanc\u00e9s de NetSuite traitent le CSS diff\u00e9remment, car il s\u2019agit de documents XML g\u00e9n\u00e9r\u00e9s par le g\u00e9n\u00e9rateur de rapports BFO, et non par un navigateur Web standard. Il en r\u00e9sulte des comportements de rendu sp\u00e9cifiques pour certains \u00e9l\u00e9ments, tels que les tableaux, o\u00f9 les attributs et les propri\u00e9t\u00e9s CSS peuvent se comporter diff\u00e9remment des sp\u00e9cifications HTML\/CSS habituelles, ce qui n\u00e9cessite des approches sp\u00e9cifiques compatibles avec BFO pour la mise en forme.","ga_scenario":"Les utilisateurs qui d\u00e9veloppent des mod\u00e8les PDF\/HTML avanc\u00e9s dans NetSuite peuvent constater que les styles CSS et le comportement des \u00e9l\u00e9ments HTML ne s\u2019affichent pas comme pr\u00e9vu, contrairement \u00e0 ce qu\u2019ils donneraient dans un navigateur Web standard. Cette divergence peut entra\u00eener des mises en page inattendues, des probl\u00e8mes de style et des difficult\u00e9s \u00e0 obtenir la pr\u00e9sentation visuelle souhait\u00e9e pour les documents PDF g\u00e9n\u00e9r\u00e9s.","ga_solution":"Les mod\u00e8les PDF\/HTML avanc\u00e9s de NetSuite s\u2019appuient sur le g\u00e9n\u00e9rateur de rapports Big Faceless Organization (BFO), une application Java qui convertit les documents XML en fichiers PDF. Cette technologie sous-jacente implique que les \u00e9l\u00e9ments CSS et HTML sont trait\u00e9s avec de l\u00e9g\u00e8res diff\u00e9rences par rapport au rendu standard du HTML et du CSS dans les navigateurs Web. Il est essentiel de bien comprendre ces diff\u00e9rences pour concevoir efficacement vos mod\u00e8les. Voici les principales diff\u00e9rences dans la mani\u00e8re dont BFO g\u00e8re les mod\u00e8les de tableaux par rapport \u00e0 HTML4 et CSS :\n1. Les cellules de tableau peuvent occuper tout l\u2019espace disponible. Contrairement au HTML standard, o\u00f9 une petite cellule dans une grande colonne peut entra\u00eener une marge effective importante, le rendu BFO peut ne pas pr\u00e9senter ce comportement.\n2. Les cellules de tableau vides sont g\u00e9n\u00e9ralement affich\u00e9es. En HTML standard, il est souvent n\u00e9cessaire de forcer explicitement l\u2019affichage des cellules vides, par exemple en utilisant l\u2019attribut `<td>\u00a0<\/td>`.\n3. Les bordures et l\u2019espacement des tableaux peuvent \u00eatre g\u00e9r\u00e9s diff\u00e9remment. Alors que l\u2019attribut `border` d\u00e9finit g\u00e9n\u00e9ralement la bordure de l\u2019ensemble du tableau, des attributs BFO sp\u00e9cifiques aux bordures de cellules individuelles (par exemple, `cellborder`) ou \u00e0 l\u2019espacement des cellules (par exemple, `cellmargin`) peuvent exister ou avoir exist\u00e9, et fonctionnent de mani\u00e8re distincte des attributs HTML standard tels que `border` pour les cellules ou `cellspacing`.\n4. Les lignes de tableau peuvent prendre en charge le remplissage, les marges et les bordures, contrairement au mod\u00e8le CSS2. Toutefois, ces propri\u00e9t\u00e9s peuvent \u00eatre limit\u00e9es \u00e0 l\u2019axe vertical, ce qui signifie que les propri\u00e9t\u00e9s horizontales telles que `margin-left` ou `padding-right` peuvent \u00eatre forc\u00e9es \u00e0 z\u00e9ro.\n5. L\u2019algorithme de fusion des bordures recommand\u00e9 dans CSS2 n\u2019est g\u00e9n\u00e9ralement pas impl\u00e9ment\u00e9.\n6. La balise `CAPTION` utilis\u00e9e en HTML n\u2019est g\u00e9n\u00e9ralement pas impl\u00e9ment\u00e9e. \u00c0 titre d\u2019alternative, un paragraphe peut \u00eatre plac\u00e9 imm\u00e9diatement avant ou apr\u00e8s le tableau pour servir de l\u00e9gende.\n7. Les attributs `cols` et GA_KEEP_0011, couramment disponibles dans les tableaux HTML, peuvent ne pas avoir d\u2019effet sur le rendu dans BFO.Pour obtenir des informations plus d\u00e9taill\u00e9es et \u00e0 jour sur le comportement de rendu de BFO et les balises prises en charge, nous vous invitons \u00e0 consulter le Guide de l\u2019utilisateur de BFO ou la documentation sur les balises BFO aux adresses https:\/\/bfo.com\/products\/report\/docs\/userguide.pdf et https:\/\/bfo.com\/products\/report\/docs\/tags\/.","ga_source_author":"Suhn (Seonmi) Kim","ga_source_author_email":"","ga_date_original":"2019-01-15T12:56:44-08:00","ga_date_verified":"2026-07-05","ga_source_subject":"Why CSS acts differently in Advanced HTML\/PDF template from how it would have in HTML?","ga_ans_id":"ANS-1213","ga_publish_decision":"publish_with_edits","ga_staleness_risk":"high","ga_review_priority":"verify_first","ga_tier2_verdict":"partially_outdated","ga_tier2_concerns":"The specific claims regarding `cellborder` and `cellmargin` replacing standard HTML table attributes (`border` for cells, `cellspacing`) could not be explicitly confirmed in current BFO or NetSuite documentation.; The detailed behavioral differences for table cells (e.g., always taking full space, empty cell display, padding\/margins\/borders on rows, collapsing borders algorithm, CAPTION tag implementation, and the effect of `cols`\/`rows` attributes) are difficult to verify precisely without direct access to a comprehensive and current BFO user guide and a detailed comparison against HTML4\/CSS2 specifications.","ga_final_category":"Printing, PDF & Email Templates","footnotes":""},"ga_category":[95,19,95],"ga_audience":[10],"ga_difficulty":[92],"class_list":["post-2952","qa_entry","type-qa_entry","status-publish","hentry","ga_category-impression-pdf-et-modeles-de-mails","ga_category-printing-pdf-email-templates","ga_audience-developer-suitescript","ga_difficulty-niveau-intermediaire"],"taxonomy_info":{"ga_category":[{"value":95,"label":"Impression, PDF et mod\u00e8les d\u2019e-mails"},{"value":19,"label":"Printing, PDF & Email Templates"},{"value":95,"label":"Impression, PDF et mod\u00e8les d\u2019e-mails"}],"ga_audience":[{"value":10,"label":"Developer\/SuiteScript"}],"ga_difficulty":[{"value":92,"label":"Niveau interm\u00e9diaire"}]},"featured_image_src_large":[],"author_info":[],"comment_info":"","_links":{"self":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry\/2952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry"}],"about":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/types\/qa_entry"}],"version-history":[{"count":1,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry\/2952\/revisions"}],"predecessor-version":[{"id":4872,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry\/2952\/revisions\/4872"}],"wp:attachment":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/media?parent=2952"}],"wp:term":[{"taxonomy":"ga_category","embeddable":true,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/ga_category?post=2952"},{"taxonomy":"ga_audience","embeddable":true,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/ga_audience?post=2952"},{"taxonomy":"ga_difficulty","embeddable":true,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/ga_difficulty?post=2952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}