Can any one help me out.I have a custom Visual force page created in a PDF format.It has Two section as "General information" and Justification Account Inormation. Both.Both the section data should get displayed in page side by side .
1)For General Information i have displayed the data at Left side of the page.
2)For Justification Account Information i need to get the data displayed at the Right side of the page.How can i achieve .Any Sugestion Plz
Visual force code :
<apex:page standardController="Quote"
applyHtmlTag="false" renderAs="PDF" showheader="false" applyBodyTag="false" extensions="QuoteContentController">
<head>
<style>
@page {
margin: 1px 50px 225px 50px;
size:A4;
Padding-top:30px;
@top-center {
content : element(header);
}
@bottom-center {
content : element(footer);
height:200px;
padding-top:10px;
}
}
body { font-family: 'Arial Unicode MS'; }
.companyName { font: bold 30px; color: red; }
table {width:100%; border-spacing:0; border-collapse:collapse; border-width: 1px; border-color:#C0C0C0;border-style:solid;}
.header-table-data { border-width: 1px; border-color:Black;border-style:solid;background-color:#FFFFFF;
color:Black; font-size:14px; font-family:Verdana;
text-align:center;}
.header-table-heading {border-width: 1px; border-color:Black;border-style:solid;background-color:#C0C0C0;
font-weight:bold;color:Black; font-size:14px; font-family:Verdana;
text-align:center;}
.header-data { border-width: 0px; border-color:Black;border-style:solid;background-color:#FFFFFF;
color:Black; font-size:12px; font-family:Verdana;text-align:left; padding-right: 10px;}
.header-heading {border-width: 0px; border-color:Black;border-style:solid;
font-weight:bold;color:Black; font-size:14px; font-family:Verdana;
text-align:left;}
</style>
</head>
<table cellspacing="0" cellpadding="0" width="100%" border="0" >
<tr>
<td bgcolor="Silver">General Information:</td>
<td bgcolor="Silver">Justification and Account Information:</td>
</tr>
<tr>
<td ><f style="color:Black; font-size:12px; font-family:Verdana;">QuoteNumber:</f></td>
<td class="header-data"><apex:outputText value="{!Quote.QuoteNumber}"/></td>
<tr>
<td> <f style="color:Black; font-size:12px; font-family:Verdana;">CustomerName: </f></td>
<td class="header-data"><apex:outputField value="{!Quote.Name}"/></td>
</tr>
<!--Justification Account Information-->
<td ><f style="color:Black; font-size:12px; font-family:Verdana;">RFQ Justification:</f></td>
<td class="header-data"><apex:outputField value="{!Quote.Account.Name}"/></td>
</tr>
<table>
</apex:page>