iframe scrollbars

Discussion in 'HTML' started by Rodel, Feb 27, 2004.

  1. Rodel

    Rodel Guest

    I'm trying to make an inline frame into a page.
    It works well, except for a horizontal scrollbar that appears as the text in
    the iframe gets longer. (A vertical scrollbar is also appearing as
    expected.)
    I use this code:
    <IFRAME SRC="page.htm" FRAMEBORDER="0">
    Makes no difference wether I make a 'height' en 'width' attribut inside the
    tag.
    Anybody knows a solution??

    R.
    Rodel, Feb 27, 2004
    #1
    1. Advertising

  2. Rodel

    Whitecrest Guest

    In article <>, se
    says...
    > I'm trying to make an inline frame into a page.
    > It works well, except for a horizontal scrollbar that appears as the text in
    > the iframe gets longer. (A vertical scrollbar is also appearing as
    > expected.)
    > I use this code:
    > <IFRAME SRC="page.htm" FRAMEBORDER="0">
    > Makes no difference wether I make a 'height' en 'width' attribut inside the
    > tag.
    > Anybody knows a solution??


    Put the text into a div the same width as the iframe

    --
    Whitecrest Entertainment
    www.whitecrestent.com
    Whitecrest, Feb 27, 2004
    #2
    1. Advertising

  3. Rodel

    Steve R. Guest

    Rodel wrote in message ...
    > I'm trying to make an inline frame into a page.
    > It works well, except for a horizontal scrollbar that appears as the text

    in
    > the iframe gets longer.


    Have a look at the sorce code here to see if it's any help ...

    http://www.myby.myby.co.uk/3/iframe.htm
    Steve R., Feb 27, 2004
    #3
  4. Rodel

    Rodel Guest

    "Whitecrest" <> schreef in bericht
    news:...
    > In article <>, se
    > says...
    > > I'm trying to make an inline frame into a page.
    > > It works well, except for a horizontal scrollbar that appears as the

    text in
    > > the iframe gets longer. (A vertical scrollbar is also appearing as
    > > expected.)
    > > I use this code:
    > > <IFRAME SRC="page.htm" FRAMEBORDER="0">
    > > Makes no difference wether I make a 'height' en 'width' attribut inside

    the
    > > tag.
    > > Anybody knows a solution??

    >
    > Put the text into a div the same width as the iframe
    >
    > --
    > Whitecrest Entertainment
    > www.whitecrestent.com


    I guess you mean the text from the iframe-page.
    Doesn't make any difference what width I give the div-tag.
    The text stays the same. As well as the horizontal scrollbar.

    R.
    Rodel, Feb 27, 2004
    #4
  5. Rodel

    Steve R. Guest

    Just had another look. The content material of you iframe will need to be
    made narrower than your iframe itself by around 50 pixels if I recall.

    That means the page you wish to display in your iframe has to be from the
    outset created at a fixed width or % width depending how you configured
    your iframe width, otherwise the horizontal scrollbar will be required, or
    your viewers will miss some some of your content.
    Steve R., Feb 27, 2004
    #5
  6. Rodel

    Rodel Guest

    "Steve R." <stevie_ritchie(NOSPAM)@hotmail.com> schreef in bericht
    news:X1G%b.3487$...
    > Rodel wrote in message ...
    > > I'm trying to make an inline frame into a page.
    > > It works well, except for a horizontal scrollbar that appears as the

    text
    > in
    > > the iframe gets longer.

    >
    > Have a look at the sorce code here to see if it's any help ...
    >
    > http://www.myby.myby.co.uk/3/iframe.htm
    >
    >


    Looks the same as in my page. I even copied the sourcecode of your first
    i-frame into my page. Still was the same.

    R.
    Rodel, Feb 27, 2004
    #6
  7. Rodel

    Rodel Guest

    "Steve R." <stevie_ritchie(NOSPAM)@hotmail.com> schreef in bericht
    news:8aG%b.3493$...
    > Just had another look. The content material of you iframe will need to be
    > made narrower than your iframe itself by around 50 pixels if I recall.
    >
    > That means the page you wish to display in your iframe has to be from the
    > outset created at a fixed width or % width depending how you configured
    > your iframe width, otherwise the horizontal scrollbar will be required, or
    > your viewers will miss some some of your content.
    >
    >


    When I make my text narrower (inside a div-tag) it's displayed narrower
    inside the iframe. The horizontal scrollbar stays...
    R.
    Rodel, Feb 27, 2004
    #7
  8. Rodel

    Steve R. Guest

    Rodel wrote in message ...
    > When I make my text narrower (inside a div-tag) it's displayed narrower
    > inside the iframe. The horizontal scrollbar stays...


    Can you post the code for that page ?

    or better still a URL ?
    Steve R., Feb 27, 2004
    #8
  9. Rodel

    Rodel Guest

    "Steve R." <stevie_ritchie(NOSPAM)@hotmail.com> schreef in bericht
    news:IAG%b.3504$...
    > Rodel wrote in message ...
    > > When I make my text narrower (inside a div-tag) it's displayed narrower
    > > inside the iframe. The horizontal scrollbar stays...

    >
    > Can you post the code for that page ?
    >
    > or better still a URL ?
    >
    >

    I'll post the mainpage, the iframe-text-page, and the stylesheet.
    I'm sorry no URL yet.

    R.

    MAINPAGE;

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html><!-- InstanceBegin template="/Templates/basis.dwt"
    codeOutsideHTMLIsLocked="false" -->
    <head>
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- InstanceEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="style.css" rel="stylesheet" type="text/css">
    <meta name="Author" content="Wolleweb">
    <!-- www.wolleweb.nl -->
    <!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) { //reloads the window if Nav4 resized
    if (init==true) with (navigator) {if
    ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
    onresize=MM_reloadPage; }}
    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
    location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    </head>

    <body>
    <table width="100%" height="100%" border="0" cellpadding="10"
    cellspacing="0">
    <tr>
    <td width="140">&nbsp;</td>
    <td><div align="center"><img src="graphics/logo_trans.gif" width="251"
    height="99"></div></td>
    <td width="70">&nbsp;</td>
    </tr>
    <tr>
    <td width="140" valign="top"><a href="index.htm">HOME</a><br>
    <br>
    <a href="antroposofie.htm">Antroposofie</a><br>
    <a href="werkwijze.htm">Werkwijze</a><br>
    <a href="organisatie.htm">Organisatie</a><br>
    <a href="kwalificatie.htm">Kwalificatie</a><br>
    <a href="hulpverleners.htm">Hulpverleners</a><br>
    <a href="vergoedingen.htm">Vergoedingen</a><br>
    <a href="lidworden.htm">Lid worden?</a><br>
    <a href="contact.htm">Contact</a></td>
    <td align="left" valign="top"><br>
    <!-- InstanceBeginEditable name="PaginaTitel" -->
    <h2 align="center">Contact</h2>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="Brood" -->
    <!-- InstanceEndEditable -->
    <br>
    <!-- InstanceBeginEditable name="iframe" -->
    <IFRAME SRC="tekst_contact.htm" scrolling="auto" frameborder="0"
    class="inlineframe">Hier wordt ... weergegeven.</IFRAME>
    <!-- InstanceEndEditable -->

    </td>
    <td width="70"><!-- InstanceBeginEditable
    name="RechtsMidden" -->&nbsp;<!-- InstanceEndEditable --></td>
    </tr>
    <tr>
    <td width="140">&nbsp;</td>
    <td><div align="center">VOETTEKST (COPYRIGHT E.D.) </div></td>
    <td width="70">&nbsp;</td>
    </tr>
    </table>
    </body>
    <!-- InstanceEnd --></html>

    IFRAMEPAGE;
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="style.css" rel="stylesheet" type="text/css">
    </head>

    <body>
    <div style="width:80%">
    U kunt op eigen initiatief vragen om hulpverlening of worden doorverwezen
    bijvoorbeeld door een arts. Het spreekt vanzelf dat bekendheid met de
    antroposofie geen voorwaarde is om voor hulp in aanmerking te komen. Leden
    van de Beroepsgemeenschap zijn verspreid over het land te vinden. Sommige
    van hen zijn vrij gevestigd met een eigen praktijk; anderen zijn werkzaam in
    een therapeuticum of in een regulier werkverband.<br>
    <br>
    Voor namen en adressen kunt U zich wenden tot het secretariaat, een
    antroposofisch huisarts of de jjdgpid dih dpsi sdpifhsdpifhivhcojvnosjd .
    <br><br>
    Secretariaat:<br>
    Name<br>
    Adres<br>
    City<br>
    Tel: 000000000<br>

    </div>

    </body>
    </html>

    STYLESHEET;
    body {
    color: #420000;
    background-color: #FFFFCC;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 12px;
    }
    ..inlineframe {
    width: 100%;
    height: 120px;
    margin: 0px;
    padding: 0px;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    marginheight: 0px;
    marginwidth: 0px;
    }
    ..paginakop {
    font-size: 24px;
    font-weight: bold;
    }
    Rodel, Feb 27, 2004
    #9
  10. Rodel

    Steve R. Guest

    Rodel wrote in message ...
    > I'll post the mainpage, the iframe-text-page, and the
    > stylesheet..


    In your HTML you have ...

    <div style="width:80%">

    Delete the % and use a figure at least 50 pixels narrower than you iframe
    width, which is best specified in your HTML.

    Foe example

    <div style="width:250">
    Steve R., Feb 27, 2004
    #10
  11. Rodel

    Els Guest

    Steve R. wrote:

    > Rodel wrote in message ...
    >
    >>I'll post the mainpage, the iframe-text-page, and the
    >>stylesheet..

    >
    >
    > In your HTML you have ...
    >
    > <div style="width:80%">
    >
    > Delete the % and use a figure at least 50 pixels narrower than you iframe
    > width, which is best specified in your HTML.
    >
    > Foe example
    >
    > <div style="width:250">


    I think you have to specify if you want it 250 apples wide,
    or 250 pears...
    (px, em, %... the browser won't know which one you mean)


    --
    Els

    Sonhos vem. Sonhos vão. O resto é imperfeito.
    - Renato Russo -
    Els, Feb 27, 2004
    #11
  12. Rodel

    Rodel Guest

    "Steve R." <stevie_ritchie(NOSPAM)@hotmail.com> schreef in bericht
    news:0KI%b.3581$...
    > Rodel wrote in message ...
    > > I'll post the mainpage, the iframe-text-page, and the
    > > stylesheet..

    >
    > In your HTML you have ...
    >
    > <div style="width:80%">
    >
    > Delete the % and use a figure at least 50 pixels narrower than you iframe
    > width, which is best specified in your HTML.
    >
    > Foe example
    >
    > <div style="width:250">
    >
    >


    The text gets a lot narrower than the framewidth, but the horizontal
    scrollbar stays...

    R.
    Rodel, Feb 27, 2004
    #12
  13. Rodel

    Steve R. Guest

    Rodel wrote in message ...
    > The text gets a lot narrower than the framewidth, but the horizontal
    > scrollbar stays...


    Have you specified the width of you iframe in your HTML, as in the original
    code there was no width specified.
    Steve R., Feb 27, 2004
    #13
  14. Rodel

    Rodel Guest

    "Steve R." <stevie_ritchie(NOSPAM)@hotmail.com> schreef in bericht
    news:O1L%b.3667$...
    > Rodel wrote in message ...
    > > The text gets a lot narrower than the framewidth, but the horizontal
    > > scrollbar stays...

    >
    > Have you specified the width of you iframe in your HTML, as in the

    original
    > code there was no width specified.
    >
    >


    No, I specified the width in the stylesheet, but that shouldn't matter I
    guess?
    Rodel, Feb 27, 2004
    #14
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Paul Fi

    iframe scrollbars in aspx page

    Paul Fi, Nov 16, 2004, in forum: ASP .Net
    Replies:
    3
    Views:
    732
  2. Giorgio
    Replies:
    0
    Views:
    510
    Giorgio
    Oct 15, 2005
  3. Replies:
    0
    Views:
    679
  4. Daedalous
    Replies:
    3
    Views:
    682
    Daedalous
    Jan 16, 2004
  5. MattB
    Replies:
    0
    Views:
    113
    MattB
    Aug 6, 2004
Loading...

Share This Page