Help, Almost full page iFrame

Discussion in 'HTML & Website Design' started by otherjohn, Aug 4, 2008.

  1. #1
    Hi all,
    I hate IFrames, but I am faced with a issue where I have to use one (or an <object> ). So please don't flame me about good coding, because my hands are tied on this one.

    Ok so I have this page that on the left hand side I have navigation bar that is 188px wide. On the right of that nav bar I have an iFrame. the problem is getting that iframe to fill the rest of the page width and the expand the complete height of the page. No matter what I do, it doesn't seem to work.
    Can someone help me with this or point me in the right direction. If I need to use javascript, thats fine.

    John
     
    otherjohn, Aug 4, 2008 IP
  2. Thomas_Horton

    Thomas_Horton Member

    Messages:
    163
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    35
    #2
    Have you tried to use CSS on the iFrame?

    A link to your page would help to solve this. I think you could just use <iframe class="cssstyle">, but I'm not really sure that is valid since I never use iFrames. The css would look something like this:

    
    .cssstyle
    {
    height: auto;
    width: (pagewidth)px;
    }
    
    Code (markup):
    I hope it helped you,

    Thomas Horton
     
    Thomas_Horton, Aug 4, 2008 IP
  3. otherjohn

    otherjohn Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks for the reply.
    a sample page would be http://www.cooljoomla.com/07-2008/page/
    Height seems to be fine, its getting the width to go correctly since there is all ready 188px of space taken.
    John
     
    otherjohn, Aug 4, 2008 IP
  4. BlueBadger

    BlueBadger Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I had to do similar to this for work a few weeks back when the client misunderstood the concept of different platforms and we had to represent a form built in ASP.NET on a tomcat server. Heres a link to the best solution I found http://www.dev-explorer.com/articles/full-page-iframe its pretty straight forward to implement

    Good Luck
    Badger
     
    BlueBadger, Feb 26, 2009 IP
  5. esauldaris

    esauldaris Peon

    Messages:
    946
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #5


    Thanks for the code. I just create my own with your css code, but i change the height into landing site height.

    Just check it here:


    Wiki How To Make Money




    .
     
    Last edited: Feb 3, 2010
    esauldaris, Feb 3, 2010 IP