Salesforce Visualforce PDF error on renderAs ='PDF'

Question

Repost due to delete from other post. This question will have the answer shortly. Hopefully this does not get deleted. Annoying when trying to add value to the community and people delete the post. I am a noob, but seriously.

---

I received this error yesterday and isolated right down to a height tag in my CSS class. This time (2nd) I have found it is my "min-height" tag in one of my css classes has caused 2 issues for me.

removing them fixed the issue.

I suspect these are not the route cause.

I wish Salesforce would finally get render as PDF working without so much trouble.

I will update if I find a real solution

Here are the 2 css classes respectively:

.pdf_data-table div{
    height:50px; //REMOVE THIS LINE AND EVERYTHING WORKS
    overflow: hidden;
}
.pdf_pageheader{
    font-family:Helvetica,Arial,sans-serif;
    table-layout: fixed;
    padding: 5px;
    color:white;
    text-align: center;
    border: none;
    min-height:87px; //REMOVE THIS LINE AND EVERYTHING WORKS
    width:inherit;
    overflow: auto;
    background:{!$Setup.Variables__c.Color__c};
}

Answer 1

The issue was a .table{ css statement had a dot at the front turning it into a class rather than an html element table{. Very strange because the page would render when I removed the height element from the css. once I fixed the .table{... --> table{... I was able to add back both height and min-height. The pdf_pageheader was not inside said table. obvioulsy the removal of the table{ css caused a flow on effect.??? The pdf_data-table css was directly on a table element. so this is more understandable.

Anyway I hope this helps someone else in the future.

.table{
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    table-layout: fixed;
}

changed to

table{
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    table-layout: fixed;
}