Im generating a pdf from html and it seems to be ignoring the css in the document. The css is all located at the top of the html, in the head section.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[resume_title]</title>
<style type="text/css">
.europass_container { font-family:"Arial Narrow"; color:#000000; width:660px; }
.row { width:680px; clear:both; }
.image_holder { text-align:right; clear:both; width:160px; background-color:#FFFFFF; float:left; margin-top:-25px; }
.left_item_top { width:270px; border-right:solid 1px #000000; border-top:solid 1px #000000; float:left; }
.left_item { width:250px; padding-right:20px; float:left; text-align:right; }
.right_item { width:380px; padding-left:20px; float:left; text-align:left; border-left:solid 1px #000000; }
.right_item ul { list-style-type:none; margin-left:0px; }
.top_heading { font-size:14pt; font-weight:bolder; }
.sub_heading { font-size:12pt; padding-top:20px; font-weight:bolder; }
.item_title { font-size:10.5pt; padding-top:10px; }
.item_title_top { font-size:10.5pt; padding-top:20px; }
.item_text { font-size:10.5pt; padding-top:10px; }
.item_text_top { font-size:10.5pt; padding-top:20px; }
.lang_table { border:solid 1px #000000; }
.lang_table tr { border:solid 1px #000000; }
.lang_table td { border:solid 1px #000000; }
.list_item
{
background-image:url("../../../images/resumes/bullet.png");
background-position:0 5px;
background-repeat:no-repeat;
padding:0 0 0 20px;
margin-bottom:2px;
}
</style>
</head>
<body style="padding-top:25px;">
<div class="europass_container">
<div class="left_item_top">
<div class="image_holder">
<img alt="EuroPass" src="../../images/resumes/europass.png" style="margin-right:15px;" />
</div>
</div>
<div class="row">
<div class="left_item top_heading">
<span>Europass<br />Curriculum Vitae</span>
</div>
<div class="right_item item_text_top">
<span><br /> </span>
</div>
</div>
<!-------------- PERSONAL INFORMATION -->
<div class="row">
<div class="left_item sub_heading">
<span>Personal Information</span>
</div>
<div class="right_item sub_heading">
<span> <br /></span>
</div>
</div>
<div class="row">
<div class="left_item item_title_top">
<span>Surname(s) / First name(s)</span>
</div>
<div class="right_item item_text_top">
<span>Conor Stapleton</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Address(es)</span>
</div>
<div class="right_item item_text">
<span>4162 St Urbain, Stapleton, Montreal, Quebec, Canada</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Telephone(s)</span>
</div>
<div class="right_item item_text">
<span>5148338976</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Email(s)</span>
</div>
<div class="right_item item_text">
<span>
[email protected]</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Nationality(-ies)</span>
</div>
<div class="right_item item_text">
<span>Canada</span>
<span>Argentina</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Date of birth</span>
</div>
<div class="right_item item_text">
<span>Saturday, July 05, 1980</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Gender</span>
</div>
<div class="right_item item_text">
<span>M</span>
</div>
</div>
<div class="row">
<div class="left_item sub_heading">
<span>Desired employment / Occupational field</span>
</div>
<div class="right_item sub_heading">
<span>Project Manager<br /> </span>
</div>
</div>
<div class="row">
<div class="left_item sub_heading">
<span>Education and training</span>
</div>
<div class="right_item sub_heading">
<span> <br /></span>
</div>
</div>
<!-- <div class="row">
<div class="left_item item_title_top">
<span>Dates</span>
</div>
<div class="right_item item_text_top">
<span>[user_edu_date_from] - [user_edu_date_to]</span>
</div>
</div>-->
<div class="row">
<div class="left_item item_title">
<span>Title of qualification awarded</span>
</div>
<div class="right_item item_text">
<span>Bachelor's Degree</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Principal subjects/occupational skills covered</span>
</div>
<div class="right_item item_text">
<span>Software Engineering</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Name and type of organisation providing education and training</span>
</div>
<div class="right_item item_text">
<span>Dublin City University[Dublin, Ireland]<br /> </span>
</div>
</div>
<!-- <div class="row">
<div class="left_item item_title">
<span>Level in national or international classification</span>
</div>
<div class="right_item item_text">
<span>[user_edu_classification]</span>
</div>
</div>-->
<!-- <div class="row">
<div class="left_item item_title_top">
<span>Dates</span>
</div>
<div class="right_item item_text_top">
<span>[user_edu_date_from] - [user_edu_date_to]</span>
</div>
</div>-->
<div class="row">
<div class="left_item item_title">
<span>Title of qualification awarded</span>
</div>
<div class="right_item item_text">
<span>Certification</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Principal subjects/occupational skills covered</span>
</div>
<div class="right_item item_text">
<span>Plant Health</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Name and type of organisation providing education and training</span>
</div>
<div class="right_item item_text">
<span>University of Dublin - Trinity College[Dublin, Ireland]<br /> </span>
</div>
</div>
<!-- <div class="row">
<div class="left_item item_title">
<span>Level in national or international classification</span>
</div>
<div class="right_item item_text">
<span>[user_edu_classification]</span>
</div>
</div>-->
<!-- <div class="row">
<div class="left_item item_title_top">
<span>Dates</span>
</div>
<div class="right_item item_text_top">
<span>[user_edu_date_from] - [user_edu_date_to]</span>
</div>
</div>-->
<div class="row">
<div class="left_item item_title">
<span>Title of qualification awarded</span>
</div>
<div class="right_item item_text">
<span>Certification</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Principal subjects/occupational skills covered</span>
</div>
<div class="right_item item_text">
<span>International Restaurant and Catering Management</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Name and type of organisation providing education and training</span>
</div>
<div class="right_item item_text">
<span>University of Ballarat[South Australia, Australia]<br /> </span>
</div>
</div>
<!-- <div class="row">
<div class="left_item item_title">
<span>Level in national or international classification</span>
</div>
<div class="right_item item_text">
<span>[user_edu_classification]</span>
</div>
</div>-->
<!-- <div class="row">
<div class="left_item item_title_top">
<span>Dates</span>
</div>
<div class="right_item item_text_top">
<span>[user_edu_date_from] - [user_edu_date_to]</span>
</div>
</div>-->
<div class="row">
<div class="left_item item_title">
<span>Title of qualification awarded</span>
</div>
<div class="right_item item_text">
<span>Certification</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Principal subjects/occupational skills covered</span>
</div>
<div class="right_item item_text">
<span>sdafasfdf</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Name and type of organisation providing education and training</span>
</div>
<div class="right_item item_text">
<span>sdfdsf[,]<br /> </span>
</div>
</div>
<!-- <div class="row">
<div class="left_item item_title">
<span>Level in national or international classification</span>
</div>
<div class="right_item item_text">
<span>[user_edu_classification]</span>
</div>
</div>-->
<!----------------------- WORK EXPERIENCE -->
<div class="row">
<div class="left_item sub_heading">
<span>Work Experience</span>
</div>
<div class="right_item sub_heading">
<span> <br /></span>
</div>
</div>
<div class="row">
<div class="left_item item_title_top">
<span>Dates</span>
</div>
<div class="right_item item_text_top">
<span>February 2008 - February 2008</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Occupation or position held</span>
</div>
<div class="right_item item_text">
<span>Gobshite</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Main activities and responsibilities</span>
</div>
<div class="right_item item_text">
testes<br />
<!--<ul>
[start_repeatable item='user_responsibilities']
<li class="list_item">
[user_responsibility_item]
</li>
[end_repeatable item='user_responsibilities']
</ul>
-->
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Name and address of employer</span>
</div>
<div class="right_item item_text">
<span>*** Bandit Ltd</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Type of business or sector</span>
</div>
<div class="right_item item_text">
<span>Actuaries</span>
</div>
</div>
<div class="row">
<div class="left_item item_title_top">
<span>Dates</span>
</div>
<div class="right_item item_text_top">
<span>March 2008 - March 2008</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Occupation or position held</span>
</div>
<div class="right_item item_text">
<span>Tights Puller</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Main activities and responsibilities</span>
</div>
<div class="right_item item_text">
this is me. i am alive. this is me. i am alive. theresa falls up the stairs. theresa falls down the stairs.<br />
<!--<ul>
[start_repeatable item='user_responsibilities']
<li class="list_item">
[user_responsibility_item]
</li>
[end_repeatable item='user_responsibilities']
</ul>
-->
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Type of business or sector</span>
</div>
<div class="right_item item_text">
<span>Administrative & Information Support</span>
</div>
</div>
<div class="row">
<div class="left_item item_title_top">
<span>Dates</span>
</div>
<div class="right_item item_text_top">
<span>March 1993 - October 2008</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Occupation or position held</span>
</div>
<div class="right_item item_text">
<span>Snuff Ridller</span>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Main activities and responsibilities</span>
</div>
<div class="right_item item_text">
toooooommmmmuccch<br />
<!--<ul>
[start_repeatable item='user_responsibilities']
<li class="list_item">
[user_responsibility_item]
</li>
[end_repeatable item='user_responsibilities']
</ul>
-->
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Type of business or sector</span>
</div>
<div class="right_item item_text">
<span>Revenue & Taxation</span>
</div>
</div>
<!------------------ PERSONAL SKILLS AND COMPETENCES -->
<div class="row">
<div class="left_item sub_heading">
<span>Personal skills and competences</span>
</div>
<div class="right_item sub_heading">
<span> <br /></span>
</div>
</div>
<div class="row">
<div class="left_item item_title_top">
<span>Mother tongue(s)</span>
</div>
<div class="right_item item_text_top">
<strong>English, Irish</strong>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Other language(s)</span>
</div>
<div class="right_item item_text">
<strong>French, German</strong>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<em>Self-assessment</em><br />
<em style="font-size:9pt;">European Level(*)</em>
<br /><br /><br />
<strong>French</strong><br />
<strong>German</strong><br />
</div>
<div class="right_item item_text_top">
<table class="lang_table" width="380px" border="1px" cellspacing="0">
<tr style="text-align:center;">
<td colspan="2" style="width:40%; text-align:center;">
<strong>Understanding</strong>
</td>
<td colspan="2" style="width:40%; text-align:center;">
<strong>Speaking</strong>
</td>
<td rowspan="2" style="width:20%; text-align:center;">
<strong>Writing</strong>
</td>
</tr>
<tr style="text-align:center;">
<td>
<span>Listening</span>
</td>
<td>
<span>Reading</span>
</td>
<td>
<span>Spoken Interaction</span>
</td>
<td>
<span>Spoken Production</span>
</td>
</tr>
<tr style="text-align:center;">
<td>
<span>A1</span>
</td>
<td>
<span>A1</span>
</td>
<td>
<span>A1</span>
</td>
<td>
<span>A1</span>
</td>
<td>
<span>A1</span>
</td>
</tr>
<tr style="text-align:center;">
<td>
<span>A1</span>
</td>
<td>
<span>C1</span>
</td>
<td>
<span>B2</span>
</td>
<td>
<span>C2</span>
</td>
<td>
<span>A1</span>
</td>
</tr>
</table>
<em style="font-size:9pt;">(*) Common European Framework of Reference (CEF) level</em>
</div>
</div>
<div class="row">
<div class="left_item item_title_top">
<span>Social skills and competences</span>
</div>
<div class="right_item item_text_top">
<ul>
<li class="list_item">
ss1
</li>
<li class="list_item">
ss1
</li>
</ul>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Organisational skills and competences</span>
</div>
<div class="right_item item_text">
<ul>
<li class="list_item">
org1
</li>
<li class="list_item">
org1
</li>
<li class="list_item">
org2
</li>
<li class="list_item">
org2
</li>
<li class="list_item">
org3
</li>
<li class="list_item">
org3
</li>
</ul>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Technical skills and competences</span>
</div>
<div class="right_item item_text">
<ul>
<li class="list_item">
tech 1
</li>
<li class="list_item">
tech 1
</li>
</ul>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Computer skills and competences</span>
</div>
<div class="right_item item_text">
<ul>
<li class="list_item">
comp1
</li>
<li class="list_item">
comp1
</li>
<li class="list_item">
comp 2
</li>
<li class="list_item">
comp 2
</li>
</ul>
</div>
</div>
<div class="row">
<div class="left_item item_title">
<span>Other skills and competences</span>
</div>
<div class="right_item item_text">
<ul>
<li class="list_item">
other skills 1
</li>
<li class="list_item">
other skills 1
</li>
</ul>
</div>
</div>
</div>
</body>
</html>