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

  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....

  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

  4. #4
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    <style type="text/css">
    iframe
    {overflow:hidden;}
    </style>

  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

  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.

  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

  8. #8
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    Try changing the height and width of the Iframe.

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

    Brew

  10. #10
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    try overflow-x:hidden;

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

    Brew

  12. #12
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    Try taking margin: 5px; out

  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

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