Results 1 to 6 of 6

Thread: How to adjust "Tabbed Document Viewer"'s height ? (height % doesn't work)

  1. #1
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question How to adjust "Tabbed Document Viewer"'s height ? (height % doesn't work)

    Tabbed Document Viewer

    http://www.dynamicdrive.com/dynamici...bdocviewer.htm

    I am using the tabbed document viewer script, and it works like a charm. But how do I resize the tab window's height to automatically fit the height? The width % works, but the height % doesn't.

    Thank you

    - Ren

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Are you sure it doesn't work? The code in red is where you adjust the height value inside the script:

    Code:
    <iframe id="tabiframe" src="http://www.google.com" width="98&#37;" height="350px"></iframe>

  3. #3
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by ddadmin View Post
    Are you sure it doesn't work? The code in red is where you adjust the height value inside the script:

    Code:
    <iframe id="tabiframe" src="http://www.google.com" width="98&#37;" height="350px"></iframe>
    yes ddadmin, I was aware of the height property. But by changing it to 90&#37; or 100% gives me about 200 px of height. There might be some hidden variable somewhere else that already set the default height for the tabbed window.

    I was hoping to set the % so that it works with all kinds of screen resolution. Thank you

    - Ren

  4. #4
    Join Date
    Sep 2006
    Location
    St. George, UT
    Posts
    2,769
    Thanks
    3
    Thanked 157 Times in 155 Posts

    Default

    The only thing that controls the height of the iframe is what ddadmin posted. There is nothing in the css or javascript that controls this. Anyways, Hope this helps.
    "Computer games don't affect kids; I mean if Pac-Man affected us as kids, we'd all be running around in darkened rooms, munching magic pills and listening to repetitive electronic music." - Kristian Wilson, Nintendo, Inc, 1989
    TheUnlimitedHost | The Testing Site | Southern Utah Web Hosting and Design

  5. #5
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Quote Originally Posted by ren View Post
    yes ddadmin, I was aware of the height property. But by changing it to 90% or 100% gives me about 200 px of height. There might be some hidden variable somewhere else that already set the default height for the tabbed window.

    I was hoping to set the % so that it works with all kinds of screen resolution. Thank you

    - Ren
    Hmm there aren't any other places in the script that's controlling the iframe height- just the height attribute within the iframe tag. I think you need to take into consideration how CSS percentage values behave when it comes to the "height" property- it's relative to the browser window's height.

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

    Default

    OK guys. I am gonna test out in different environments and see how it turns out. Thank you for your replys.

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
  •