Problem with setting margin-top and margin-bottom for all pages.
Hi everyone,
I'm unable to set fixed margin-top and margin-bottom for all pages.
I'm unable to set fixed margin-top and margin-bottom for all pages.
<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<g:evaluate>
var insurance= new GlideRecord("u_insurance");
insurance.query();
insurance.next();
</g:evaluate>
<style>
img {
margin-left:auto;
}
p, b, td{
margin-top:15px;
font-family: arial;
font-size:18px;
}
table {
font-family: arial, sans-serif;
border-collapse: #000000;
width: 100%;
}
.head_black {
background-color:#666666 !important;
color:white;
text-align:left;
font-size:20px;
}
.head_black_center{
background-color:#666666 !important;
color:white;
text-align:center;
font-size:20px;
}
.floatLeft { width: 50%; float: left; }
.floatRight {width: 49%; float: right; }
.container { overflow: hidden; }
.as {
border-top: 0px solid;
border-bottom: 0px solid;
}
button {
align:center;
margin-left:50%
}
.fixed-header{
width: 100%;
position: fixed;
top: 0;
}
.fixed-footer{
width: 100%;
position: fixed;
bottom: 0;
}
#content {
margin-top: 50px; // however many pixels you need
}
</style>
<div class="fixed-header"> <img src="ICICI%20image.png" width="259" height="61" style="visibility: visible; display: block;"/></div>
<div class="fixed-footer"><img src="WCMC.png" width="527" height="189" style="visibility: visible; display: block;"/></div>
<body>
<p id="ref_number">RefNo:${insurance.u_ref_no}</p>
<p id="date">Date:${insurance.u_date}</p>
<p id="user_name">${insurance.u_name}</p>
<p id="address">Address: ${insurance.u_address}</p>
<p id="mobile">Mobile No:${insurance.u_phone_number}</p>
<b>Sub: Risk Assumption Letter</b><br/>
<p>Dear Sir/Madam,</p>
<p>Thank you for choosing ICICI Lombard General Insurance Company Limited (ICICI Lombard) as your preferred service provider.
Please find enclosed Policy No.<b id="policy">,${insurance.u_policy_number}</b> which has been issued based on the below mentioned details:</p>
<table border="1">
<tr><th class="head_black" colspan="2">Insured and Vehicle Details</th></tr>
<tr><td>Name of Insured</td><td id="name_of_insured" class="as">${insurance.u_name}</td></tr>
<tr ><td class="as">Period of Insurance</td><td id="period_of_insurance" class="as" >${insurance.u_period_of_insurance}</td></tr>
<tr ><td class="as">Vehicle Make / Model</td><td id="model" class="as">${insurance.u_model}</td></tr>
<tr><td class="as">RTO City</td><td id="city" class="as">${insurance.u_rto_city}</td></tr>
<tr><td class="as">Vehicle Registration No.</td><td id="reg_num" class="as">${insurance.u_vehicle_registration_no}</td></tr>
<tr><td class="as">Vehicle Registration Date</td><td id="reg_date" class="as">${insurance.u_vehicle_registration_date}</td></tr>
<tr><td class="as">Engine No.</td><td id="engine" class="as">${insurance.u_engine_no}</td></tr>
<tr><td class="as">Chassis No.</td><td id="chassis" class="as">${insurance.u_chassis_no}</td></tr>
<tr><td class="as">Current Year NCB(%)</td><td id="curncb" class="as">%${insurance.u_current_year_ncb}</td></tr>
<tr><th class="head_black" colspan="2">Previous Policy Details</th></tr>
<tr><td class="as">Previous Policy No.</td><td id="policy_number" class="as">${insurance.u_policy_number}</td></tr>
<tr><td class="as">Previous Policy Period</td><td id="pre_pol" class="as">${insurance.u_previous_policy_period}</td></tr>
<tr><td class="as">Previous Year NCB(%)</td><td id="prencb" class="as">%${insurance.u_previous_year_ncb}</td></tr>
<tr><td class="as">Claims Made Under Previous Policy</td><td id="claim" class="as">${insurance.u_claims_made_under_previous_policy}</td></tr>
<tr><td class="as">Previous Insurer Name</td><td id="icici" class="as">${insurance.u_previous_insurer_name}</td></tr>
<tr><td class="as">Previous Policy Type</td><td id="pre_type" class="as">${insurance.u_previous_policy_type}</td></tr>
</table>
<p>The information provided above is based on the information received from you and accordingly, the policy has been processed.
Coverage of risk is subject to realisation of the full premium, post which, insurance coverage under the policy would commence. In
case the premium is not received by us due to cheque dishonour or any other reason, the insurance cover shall be void ab-initio.</p>
<p>If you require any changes in the Certificate of Insurance cum Policy Schedule, you are requested to inform us by writing to
customersupport@icicilombard.com or calling our 24 hour toll free helpline on 1800 2666. Absence of any communication within a
period of 15 days of the date mentioned on this letter, would mean that the issued policy is in order and as per your proposal.</p>
<p>The oldest classical Greek and Latin writing had little or no space between words and could be written in boustrophedon (alternating directions). Over time, text direction (left to right) became standardized, and word dividers and terminal punctuation became common. The first way to divide sentences into groups was the original paragraphos, similar to an underscore at the beginning of the new group.[1] The Greek paragraphos evolved into the pilcrow (¶), which in English manuscripts in the Middle Ages can be seen inserted inline between sentences. The hedera leaf (e.g. ☙) has also been used in the same way.
Indented paragraphs demonstrated in the US Constitution
In ancient manuscripts, another means to divide sentences into paragraphs was a line break (newline) followed by an initial at the beginning of the next paragraph. An initial is an oversized capital letter, sometimes outdented beyond the margin of the text. This style can be seen, for example, in the original Old English manuscript of Beowulf. Outdenting is still used in English typography, though not commonly.[2] Modern English typography usually indicates a new paragraph by indenting the first line. This style can be seen in the (handwritten) United States Constitution from 1787. For additional ornamentation, a hedera leaf or other symbol can be added to the inter-paragraph whitespace, or put in the indentation space.
A second common modern English style is to use no indenting, but add vertical white space to create "block paragraphs." On a typewriter, a double carriage return produces a blank line for this purpose; professional typesetters (or word processing software) may put in an arbitrary vertical space by adjusting leading. This style is very common in electronic formats, such as on the World Wide Web and email.
</p>
<p>The information provided is merely illustrative and shall not be construed to be an evidence of existence of a contract of insurance. The
Risk Assumption Letter is to be read in conjunction with the policy and shall be considered null and void without the same.</p><br/>
<h2><b>CERTIFICATE OF INSURANCE CUM POLICY SCHEDULE</b></h2>
<h6><b>Two Wheeler Vehicles Package Policy</b></h6>
<div class="container">
<div class="floatLeft">
<table border="1">
<tr><th>Insured Name</th><td id="insured_name">${insurance.u_name}</td></tr>
<tr><th>Address</th><td id= "address_e">${insurance.u_address}</td></tr>
<tr><th>Telephone No</th><td id="telephone">${insurance.u_phone_number}</td></tr>
<tr><th>Email Address</th><td id="email">${insurance.u_email_address}</td></tr>
<tr><th>Nominee Name</th><td id="nominee">${insurance.u_nominee_name}</td></tr>
<tr><th>Relationship</th><td id="relation">${insurance.u_relationship}</td></tr>
<tr><th>Age</th><td id="age"></td></tr>
</table>
</div>
<div class="floatRight">
<table border="1">
<tr><th>Policy No</th><td id="policy_no">${insurance.u_policy_number}</td></tr>
<tr><th>Period of Insurance</th><td id="period_of_insurancee">${insurance.u_period_of_insurance}</td></tr>
<tr><th>E-Policy No</th><td id="e_policy">${insurance.u_policy_number}</td></tr>
<tr><th>Policy Issued On</th><td id="pol_date">${insurance.u_date}</td></tr>
<tr><th>Covernote No</th><td id="conv">${insurance.u_covernote_no}</td></tr>
<tr><th>RTO Location</th><td id="rto_city">${insurance.u_rto_city}</td></tr>
<tr><th>Hypothecated To</th><td>${insurance.u_vehicle_registration_no}</td></tr>
</table>
</div>
</div>
<br/>
<table border="1">
<tr><th>Registration No.</th><th>Make</th><th>Model</th><th>Type of Body</th><th>CC</th><th>Mfg Yr</th><th>Seating Capacity</th><th>Chassis No.</th><th>Engine No.</th></tr>
<tr><td id="reg_number">${insurance.u_vehicle_registration_no}</td><td id="modell">${insurance.u_model}</td><td id="modelll">${insurance.u_model}</td><td>Solo With</td><td>220</td><td id="yr">${insurance.u_mfg_yr}</td><td>2</td><td id="enginee">${insurance.u_engine_no}</td><td id="chassiss">${insurance.u_chassis_no}</td></tr>
<tr><th>Vehicle IDV</th><th>Side Car</th><th>Additional Accessories</th><th colspan="2">Electrical / Electronic Accessories</th><th colspan="2">Non Electrical Accessories</th><th>CNG / LPG Unit</th><th>Total IDV</th></tr>
<tr><td>75410</td><td>0</td><td>0</td><td colspan="2">0</td><td colspan="2">0</td><td >0</td><td>0</td></tr>
</table><br/><br/>
<table border="1">
<tr><th class="head_black_center" colspan="4">Premium Details</th></tr>
<tr><th><b>OWN DAMAGE(A)</b></th><th><b>Price</b></th><th><b>LIABILITY(B)</b></th><th><b>Price</b></th></tr>
<tr><th>Basic OD Premium</th><td>1327</td><th>Basic Third Party Liability</th><td>693</td></tr>
<tr><th>Road Side Assistance (TW-199)</th><td>199</td><th>Total</th><td>693</td></tr>
<tr><th>Sub Total</th><td>1526</td><th>Add:</th><td>693</td></tr>
<tr><th>Less:</th><td></td><th>Unnamed PA Cover for 2 Persons of ` 100000 each</th><td>140</td></tr>
<tr><th>No Claim Bonus 20%</th><td>265</td><th>PA Cover for Owner Driver</th><td>50</td></tr>
<tr><th>Sub-Total Deductions</th><td>265</td><th>Sub-Total</th><td>290</td></tr>
<tr><th>Total Own Damage Premium(A)</th><td>1261</td><th>Total Liability Premium(B)</th><td>883</td></tr>
<tr><th class="as"></th><td class="as"></td><th>Total Package Premium(A+B):</th><td>2144</td></tr>
<tr><th class="as"></th><td class="as"></td><th>Service Tax</th><td>321.6</td></tr>
<tr><th class="as"></th><td class="as"></td><th>Total Premium Payable In `</th><td>2466</td></tr>
</table><br/>
<table border="1">
<tr><th>Geographical Area: India</th><th>Applicable IMT Clauses: 16 , 22</th></tr>
<tr><th>Compulsory Deductible: 100</th><th>Voluntary Deductible: 0</th></tr>
</table><br/>
<table border="1">
<tr><th>Features of Add-on Covers:<br/>
1. List of services for Road Side Assistance :Towing on breakdown/accident - upto 50 KMs,Accommodation Benefits for one person upto Rs. 1000,Minor on spot
Repairs,Breakdown support over phone,Flat Tyre support,Arrangement/Supply of fuel</th></tr>
</table><br/>
<table border="1">
<tr><td>Premium Collection No.</td><td>1064036785</td><td>Premium Amount</td><td>2466</td><td>Receipt Date</td><td>15-03-2017</td></tr>
<tr><td>Service Tax Reg. No.</td><td>GIS/MUMBAI-I/1528/2001</td><td>Service Tax Code No.</td><td>AAACI7904GST001</td><td>Category</td><td>General Insurance Business Services 00440005</td></tr>
</table><br/>
<table border="1">
<tr><th>Limits of Liability: (a) Under Section II-I(i) of the policy: Death of or bodily injury - Such amount as is necessary to meet the requirements of the Motor Vehicles Act
1988. (b) Under Section II-I(ii) of the policy: Damage to Third Party Property ` 100000/-; PA Cover for Owner-Driver under Section III: CSI ` 100000/-. Limitations
as to Use: The Policy covers use of the vehicle for any purpose other than: Hire or Reward, Carriage of goods (other than samples of personal luggage), Organised
racing, Pace Making, Reliability trails or Speed testing, any purpose in Connection with Motor Trade. Driver's Clause: Any person including the insured: Provided
that a person driving holds an effective driving license at the time of the accident and is not disqualified from holding or obtaining such a license. Provided also that
the person holding an effective learner's license may also drive the vehicle and that such a person satisfies the requirements of Rule 3 of the Central Motor Vehicles
Rules, 1989. Important Notice: The insured is not indemnified if the vehicle is used or driven otherwise than in accordance with this schedule. Any payment made
by the Company by reason of wider terms appearing in the Certificate in order to comply with the Motor Vehicle Act, 1988 is recoverable from the insured. See the
clause headed "AVOIDANCE OF CERTAIN TERMS AND RIGHT OF RECOVERY". For Legal interpretation, English version will hold good. Disclaimer: Please visit
www.icicilombard.com for the policy wordings, for complete details on terms and conditions governing the coverage and NCB. This document is to be read with the
policy wordings. The policy is valid subject to realization of cheque. We accept premium only via legally recognized modes. In case of dishonour of premium cheque,
the company shall not be liable under the policy and the policy shall be void ab-initio. In case of any discrepancy with respect to the policy, please revert within 15
days from the policy start date. This policy is underwritten on the basis of the information provided by you and as detailed in the Risk Assumption Letter shared with
you along with the policy. Grievance Redressal: For resolution of any query or grievance you may contact us on our toll free no. 1800 2666, or visit any of our
branch offices. You can also write to us at customersupport@icicilombard.com. For detailed grievance redressal mechanism please visit the "Grievance Redressal"
section on our website www.icicilombard.com.
I/We hereby certify that the Policy to which this Certificate relates, as well as, this Certificate of Insurance are issued in accordance with the provisions of Chapter X
and Chapter XI of Motor Vehicle Act, 1988. In witness whereof, this Policy has been signed at Mumbai on this date of Mar 15, 2017 in lieu of Covernote no.
115233514. The stamp duty of ` 0.5 paid vide receipt/challan no. 8865832 dated Feb 28, 2017.
Policy Issuing Office: ICICI Lombard General Insurance Company Limited, ICICI LOMBARD HOUSE, 414, Veer Savarkar Marg, Near Siddhi Vinayak Temple,
Prabhadevi, Mumbai 400 025.</th></tr>
</table><br/>
<button type="submit" onclick="javascript: window.top.print();">Click to Print</button>
</body>
</j:jelly>
.fixed-header, .fixed-footer{
width: 100%;
position: fixed;
background: #333;
padding: 10px 0;
color: #fff;
}
.fixed-header{
top: 0;
}
.fixed-footer{
bottom: 0;
}
using this code .it's work fine
width: 100%;
position: fixed;
background: #333;
padding: 10px 0;
color: #fff;
}
.fixed-header{
top: 0;
}
.fixed-footer{
bottom: 0;
}
using this code .it's work fine
ASKER
Hi kumar,
Problem is with data it is overlapping with the header and footer.
Problem is with data it is overlapping with the header and footer.
#content {
margin-top: 150px; // however many pixels you need
}
use this for header .please send footer screen shot
margin-top: 150px; // however many pixels you need
}
use this for header .please send footer screen shot
specify margin-top:15% and margin-bottom:20% for body
like
body{
margin-top:15%;
margin-bottom:20%
}
like
body{
margin-top:15%;
margin-bottom:20%
}
This question needs an answer!
Become an EE member today
7 DAY FREE TRIALMembers can start a 7-Day Free trial then enjoy unlimited access to the platform.
View membership options
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
if my guess was right it means fixed-header,fixed-footer then