Results 1 to 3 of 3

Thread: I Made a Fluid IFrame!

  1. #1
    Join Date
    Feb 2009
    Location
    Victoria, BC, Canada
    Posts
    303
    Thanks
    18
    Thanked 36 Times in 36 Posts

    Exclamation I Made a Fluid IFrame!

    I don't know if someone's already figured this out, but from what I've read, nothing seemed to work.

    I just figured out how to make an Iframe have a fluid width and height!

    Here's how: add !important to the height and width CSS on it:
    Code:
    <iframe src="page.html" style="display:block; width:100%!important; height:100%!important;" />
    It works in Firefox 3 (What I'm using). If anyone could post the results in other browsers/versions, it would be great!

    Cheers,
    X96
    Alex Blackie, X96 Design
    My Website
    I specialize in: HTML5, CSS3, PHP, Ruby on Rails, MySQL, MongoDB, Linux Server Administration

  2. #2
    Join Date
    Jun 2009
    Location
    Laputa
    Posts
    43
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Works fine on Webkit Based browsers.

  3. #3
    Join Date
    Jun 2009
    Location
    Laputa
    Posts
    43
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Cool trick!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •