I have a completely custom QWeb invoice report.
I need to setup a header made up of 3 different rows, each one with fixed height, say 5cm, 3cm, 1cm (that's because I need to print over pre-printed paper).
I set up the top margin of the Paper to 5+3+1=9cm, and this works.
Now I need 3 different div's, each one with his own height, however I cannot do that. I tried with:
<div class="header">
<div class="row" style="height:5cm">
....
</div>
<div class="row" style="height:3cm">
....
</div>
<div class="row" style="height:1cm">
....
</div>
</div>
Height property is completely ignored.
Just try by giving the important, not sure this will give solution or not
<div class="row" style="height:5cm !important;">
Thank you. That works, in a strange way: it does not respect the paper "Margin top" property, so that the total header is more than 9cm !
I have checked better. The "!important" flag works. The problem is that some kind of zoom is applied to final image: sizes are 0,75 smaller than heigth that I write.