DOMPDF with css float

Question

I am not sure why but the html page displays just fine but the dompdf does not utilize the floats.

Code is 2300 + line long so to long to post here.... But it is all inline css.

<div style="float:left;"> </div>

I have tried both wrapping the css in a style tag and inline with no luck.

This is the html page

http://www.ems-complete.com/ccems/ccems_reports/daily_vehicle_check_sheet.php?id=5

This is the dompdf link

http://www.ems-complete.com/ccems/ccems_reports/form_daily_vehicle_check.php?id=5

I am not sure why but the html page displays just fine but the dompdf does not utilize the floats...

Code is 2300 + line long so to long to post here.... But it is all inline css...

Answer 1

use <div style="position: absolute; left: 6px;"></div> in my case

def("DOMPDF_ENABLE_CSS_FLOAT", true);

is Not Working

Answer 2

use def("DOMPDF_ENABLE_CSS_FLOAT", true); in dompdf_config.inc.php

it works for your css float

Answer 3

you need use https://github.com/barryvdh/laravel-dompdf is the plugin dompdf for Laravel 5.

and change the config in:

vendor/barrryvdh/laravel-dompdf/config/dompdf.php

def("DOMPDF_ENABLE_CSS_FLOAT", true);

Answer 4

Guys use display: inline-block; instead of float. I use the older version of dompdf in my project. I enable DOMPDF_ENABLE_CSS_FLOAT true in dompdf_config.custom.inc file. But the float result is overlapping and distorted.The inline-block is the new and better way than using float left every time. Visit the following w3school link to more info. CSS Layout - inline-block

Answer 5

Float support is introduced in the 0.6.0 code base, but it is disabled by default since it is still in development. Make sure you have enabled it by setting DOMPDF_ENABLE_CSS_FLOAT to true.

Starting with version 0.7.0 float support is enabled by default.

That being said, since the feature is still in development you're not going to get the results you want. Floats that span more than one page don't currently work as expected because a page break occurs before the non-floated content is rendered.