Forum Moderators: not2easy

Message Too Old, No Replies

Padding differences in IE vs FF

css padding in internet explorer and firefox

         

Hi_There

6:48 pm on Jul 9, 2009 (gmt 0)

10+ Year Member



Why is the left padding appearing much smaller in FF versus IE?

My HTML:


<div style="text-align:center" class="guaranteeBox">
<h1 class="guaranteePageHeading">100% Money-Back<br />Satisfaction Guarantee</h1>
<p class="guaranteePageText">We stand behind all of our products. If, for any reason you are unsatisfied with your purchase, you may return any undamaged item to us within 10 days of the delivery date and we will issue you a prompt and courteous refund for the full cost of the item.</p>
<p class="guaranteePageText"><a href="[~554~]" title="Membership benefits">Learn about our extended 30 and 60-day money back guarantees!</a></p>
</div>

My CSS:


h1.guaranteePageHeading {
font-size: 22pt;
font-family: georgia,verdana, arial, serif;
line-height: normal;
margin: 0;
padding: 65px 0 20px 0;
text-align: center;
font-weight: normal;
letter-spacing: 1px;
font-variant: small-caps;
}
p.guaranteePageText {
font-size: 8pt;
font-family: verdana, arial, serif;
line-height: 1.3em;
margin: 0;
padding: 5px 10px 5px 50px;
text-align: left;
width: 420px;
}
p.guaranteePageText a {
color: #7C6E01;
font-weight: normal;
text-decoration: underline;
}
p.guaranteePageText a:hover {
color: #000000;
}
div.guaranteeBox {
background-image:url('guarantee_certificate.jpg');
background-repeat: no-repeat;
background-position: top center;
text-align: center;
width: 555px;
height: 422px;
margin: 15px 15px 15px 5px;
padding: 0;
/* background-color: #E4E3B6;
border: 2px solid #877C00;
padding-bottom: 10px;
margin: 20px 20px 0 20px; */
}

Thank you for you help.

jameshopkins

9:16 am on Jul 10, 2009 (gmt 0)

10+ Year Member



Based on your initial description, I would have thought your triggering the known IE6 double-margin float bug - which would mean it's actually a margin-related problem as opposed to a padding one. One of the conditions of this bug, is that you apply a float in the same direction to which you apply a margin, however, I don't see a relevant float being specified in your code.

Is it possible a float value is being specified further up the cascade?