CODEWITHSUNDEEP
cssinternet-explorer
learningtech
learningtech

Reputation: 33725

CSS iframe problem in IE 8

I have a page that looks perfectly at http://esolar.ca/calculator

But when I embed it into an iframe at http://esolar.ca/how-to-profit-from-microfit/microfit-income-calculator/

The Request An Assessment button in Internet Explorer 8 is too far to the left. How do I make the contents of the iframe appear the same after it's been iframed?

Upvotes: 5

Views: 4564

Answers (1)

Brock Adams
Brock Adams

Reputation: 93633

The iFrame is overflowing in IE. Changing the width to 584px "fixes" it for me.

Some things to reduce these kinds of problems:

  1. Use a DOCTYPE to avoid triggering quirks mode in IE. EG:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

  2. Use a CSS reset to reduce cross-browser differences. Here's a good one.

  3. If all else fails, use Conditional Comments to tweak IE CSS.

Upvotes: 4

Related Questions