IFrame CSS That Works In All Browsers

4 replies
  • WEB DESIGN
  • |
I use iframe with some of my affiliate marketing campaigns. Here's the CSS coding I use to make the page fill in completely. Does this work with all browsers? Or are there certain rules here that the older browsers don't recognize?

height: 100%;
width: 100%;
position: absolute;
overflow: hidden;
border: none;
#browsers #iframe #works
  • Profile picture of the author Daniel Santos
    All of those properties are standard among browsers, including many of the older ones. They should all work with the 1.0 versions of Chrome, Firefox, and Safari as well as in Opera 7. In IE they should all work as far back as 4.0, save for the position property which found proper support in 7.0.
    {{ DiscussionBoard.errors[10107538].message }}
    • Profile picture of the author IncomeWitness
      Originally Posted by Daniel Santos View Post

      All of those properties are standard among browsers, including many of the older ones. They should all work with the 1.0 versions of Chrome, Firefox, and Safari as well as in Opera 7. In IE they should all work as far back as 4.0, save for the position property which found proper support in 7.0.
      Oh great! When I remove the position: absolute; property, the page doesn't have 100% height. It actually crunches up to nothing. Is there a property that will work in older versions of Internet Explorer?
      {{ DiscussionBoard.errors[10108397].message }}
  • Profile picture of the author Techalo
    Hi,

    In my professional opinion, don't waste your time making it compatible with anything earlier than IE 9. This is my personal opinion as a web designer.

    The user base for these older browsers are almost non-existent. Read for yourself: IE7 Support: Should my company website support IE7?

    Hope this was helpful!

    Best Regards,
    Will
    {{ DiscussionBoard.errors[10108485].message }}
  • Profile picture of the author nurulls
    Don't worry about old browsers. old browser users almost non-exist.and it's will work all modern browser.
    {{ DiscussionBoard.errors[10108511].message }}

Trending Topics