www.webdeveloper.com
Results 1 to 13 of 13

Thread: CSS and iframes

  1. #1
    Join Date
    Sep 2004
    Posts
    53

    CSS and iframes

    Hi

    Can someone give me the CSS equivalents of scroll, frameborder and scrolling for an iframe please?

    any help would be appreciated.

    Thanks,
    Brew
    Instant Hypnotherapy
    Download a Hypnotherapy mp3 session in an Instant!

  2. #2
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    I don't think I quite understand what you are looking for.

    <style type="text/css">
    iframe
    {overflow:auto; border:solid 1px #f00;}
    </style>
    Maybe....
    "If at first you do suceed, try not to look astonished."
    I have 50 gmail invitations at my disposal, if you want one pm me with your First and Last name and your email address
    HTTPGuru

  3. #3
    Join Date
    Sep 2004
    Posts
    53
    Thanks for the reply soccer362001...

    The problem I have is this code doesnt validate:

    HTML Code:
    <iframe scroll=no frameborder=0 scrolling=no src="http://PlayAudioMessage.com/play.asp?m=135209&amp;f=LRLGSF&amp;ps=13&amp;c=FFFFFF&amp;pm=2&amp;h=25"></iframe>
    when I use the following doctype:

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    Thanks for your help
    Brew
    Instant Hypnotherapy
    Download a Hypnotherapy mp3 session in an Instant!

  4. #4
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    <style type="text/css">
    iframe
    {overflow:hidden;}
    </style>
    "If at first you do suceed, try not to look astonished."
    I have 50 gmail invitations at my disposal, if you want one pm me with your First and Last name and your email address
    HTTPGuru

  5. #5
    Join Date
    Sep 2004
    Posts
    53
    Thanks again...

    I've tried the code, and it looks good in FireFox.... but in IE I get scrollbars - how do I remove these?

    Brew
    Instant Hypnotherapy
    Download a Hypnotherapy mp3 session in an Instant!

  6. #6
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    In the page that the iframe displays put the code I posted previously.
    "If at first you do suceed, try not to look astonished."
    I have 50 gmail invitations at my disposal, if you want one pm me with your First and Last name and your email address
    HTTPGuru

  7. #7
    Join Date
    Sep 2004
    Posts
    53
    I've done that....

    Here is the page where I have the problem: http://www.instanthypnotherapy.com/i...products_id=13

    Thanks,
    Brew
    Instant Hypnotherapy
    Download a Hypnotherapy mp3 session in an Instant!

  8. #8
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    Try changing the height and width of the Iframe.
    "If at first you do suceed, try not to look astonished."
    I have 50 gmail invitations at my disposal, if you want one pm me with your First and Last name and your email address
    HTTPGuru

  9. #9
    Join Date
    Sep 2004
    Posts
    53
    I tried that, but it simply resized the iframe and left the scrollbars intact....

    Brew
    Instant Hypnotherapy
    Download a Hypnotherapy mp3 session in an Instant!

  10. #10
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    try overflow-x:hidden;
    "If at first you do suceed, try not to look astonished."
    I have 50 gmail invitations at my disposal, if you want one pm me with your First and Last name and your email address
    HTTPGuru

  11. #11
    Join Date
    Sep 2004
    Posts
    53
    I tried that too

    Brew
    Instant Hypnotherapy
    Download a Hypnotherapy mp3 session in an Instant!

  12. #12
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    Try taking margin: 5px; out
    "If at first you do suceed, try not to look astonished."
    I have 50 gmail invitations at my disposal, if you want one pm me with your First and Last name and your email address
    HTTPGuru

  13. #13
    Join Date
    Sep 2004
    Posts
    53
    Just in case someone stumbles on this message looking for a solution to this problem, I found it

    There is no property "scroll" for the iframe, and all values must be encapsulated in double quotes. See here:

    Code:
    <iframe frameborder="0" scrolling="no" src="http://PlayAudioMessage.com/play.asp?m=135209&amp;f=LRLGSF&amp;ps=13&amp;c=FFFFFF&amp;pm=2&amp;h=25"></iframe>
    Hope someone finds this useful

    Brew
    Instant Hypnotherapy
    Download a Hypnotherapy mp3 session in an Instant!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles