Advanced Search

Results 1 to 9 of 9

Thread: unable to show height 100% in firefox

  1. #1
    Join Date
    Jul 2010
    Location
    Hyderabad, India
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default unable to show height 100% in firefox

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <link rel="stylesheet" type="text/css" href="main.css" />
    </head>
    <body>
    <div id="wrapper_main">
    <div class="header">here will come here</div>
    <div class="content_area">
    <div class="left_col">
    <iframe width="196" height="100%" class="for_min_hight" scrolling="yes" src="http://www.google.com"></iframe>
    </div>
    <div class="right_col">
    <iframe width="790" height="100%" class="for_min_hight" src="http://www.microsoft.com" scrolling="auto"></iframe>
    </div>
    </div>
    <div class="footer">here will come footer<br />
    <br />
    </div>
    </div>
    </body>
    </html>

  2. #2
    Join Date
    Jul 2010
    Location
    Hyderabad, India
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    how can i set <iframe> height 100%, it's not working in firefox

  3. #3
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,624
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    You did set it to 100%.

    That means that the height should be the same as the height of it's container, in this case, #left_col or #right_col.

    Do you want the iframes to be 100% of the window size? If so, you'd need to make every parent element 100% in height also, up to the <body> element. After that, you might have some problems with (browser default) padding and margins; so you might have to change those to 0.

    Let me know what you want it to look like, exactly.
    We Only Torture the Folks We Don't Like (You're Probably Gonna Be Okay)
    It's a Party in the CIA

  4. #4
    Join Date
    Jul 2010
    Location
    Hyderabad, India
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default how can i streatch iframe 100% as per the data

    i trying to streatch iframe 100% as per the data. if the page height increase scroll should to come on the browser right site not in the iframe right side.

    please give the solution.

  5. #5
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,624
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    Do you want your layout to look something like this?

    We Only Torture the Folks We Don't Like (You're Probably Gonna Be Okay)
    It's a Party in the CIA

  6. #6
    Join Date
    Mar 2013
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by traq View Post
    Do you want your layout to look something like this?

    This is exactly what I'm trying to achieve (except for the fact that the middle section is another iframe, and all the three iframes can scroll if content height is >100%) but can't.
    Please check here, for my thread on this:

    http://www.dynamicdrive.com/forums/s...d=1#post291970

    Thanks!!

  7. #7
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,624
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    There's a number of three-column layouts in the DD CSS Library. Just put one iframe in each column. You can leave out the header/footer if you don't want them.
    We Only Torture the Folks We Don't Like (You're Probably Gonna Be Okay)
    It's a Party in the CIA

  8. #8
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,297
    Thanks
    28
    Thanked 135 Times in 130 Posts
    Blog Entries
    28

    Default

    Quote Originally Posted by jacks_bfa View Post
    i trying to streatch iframe 100% as per the data. if the page height increase scroll should to come on the browser right site not in the iframe right side.

    please give the solution.
    What you want is not possible for iframes loading a page from a 'foreign' domain. You can't auto(re)size them.

  9. #9
    Join Date
    Mar 2013
    Location
    New York
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Please Try this code for the same

    html,body{height:100%}

    and replace the following line:

    *height:auto !important;

    with:

    height:100%;

    thanks

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
  •