Results 1 to 7 of 7

Thread: Scrollbar in iframe

  1. #1
    Join Date
    May 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Scrollbar in iframe

    I was able to get this far:
    I built a site using a swf file controlling an iframe in my main page.

    BUT-
    My text is in Hebrew and therefore all the pages "start" from right to left..but the horizontal scrollbar opens automaticly from the left..which gives the user an annoying view of an half empty page.
    As you can see here:

    http://www.geocities.com/mimeli123/trial1.html

    Can anyone help me to find a way how to fix this?

    Thanks a million in advance!

  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Have you tried adding dir="rtl" to the iframe tag or within the <html> tag of the page that you're calling within the iframe? I'm not sure if it will work. I've never really played with the text directionality attributes in HTML.

    But give it a try, it might work.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,069
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    At the moment, I see no scrollbar and no content in the central area.

    That's because of your source code, here:

    Code:
    <iframe id="html_page" name="moses" frameborder=0 src="F:\simone\עבודות\adi\about_plant.html"></iframe>
    That's a reference to your local drive F. Only someone with that file in that location on their local drive F will see it.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    May 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Medyman-
    Thanks- I tried your suggestion, but it didn't help!


    John-
    Thanks-
    I fixed the reverence you mentioned..Now, the page opens to the "homepage" inside the iframe, which has NO horizontal scrollbar. But as soon as you click on the buttons on the right side of the page(the light yellow or green ones on dark green background), the scrollbar appears.( NOT all of the pages are uploaded to the web..i put it there only temporary with some webpages -just so one can see my problem)

    Any suggestions how to solve this?

    Thanks in advance!

  5. #5
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    807
    Thanks
    87
    Thanked 2 Times in 2 Posts

    Default

    I see it with the scrollbar starting from the right, so it seems fine ?

  6. #6
    Join Date
    May 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by chechu View Post
    I see it with the scrollbar starting from the right, so it seems fine ?
    Not really-
    I'm talking about the HORIZONTAL scrollbar, which appears after you click on the second green button on the right hand side.
    It still appears all the way scrolled to the left..and therefore show only about a half of the text in the iframe..

    Any idea how to solve this?
    Maybe a way to define the html. page inside the iframe with a certain width?
    Or to "command the scrollbar to start from the right side of the iframe???

    Pleeeeease!!!

  7. #7
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,069
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    On your about_me.html page, you have many <dl> elements nested within each other, most of which have a 30pt left margin (I think it's their default margin-left value, I couldn't find the style affecting this). You could add as shown:

    Code:
    	<STYLE TYPE="text/css">
    	<!--
    		TD P { color: #447b24 }
    		P { color: #447b24 }
    		TD P.style7 { color: #6781bc }
    		TD P.style6 { color: #ccf187 }
    		TH P { color: #447b24 }
    		A:link { color: #fd7e00 }
    dl {
    margin-left:0!important;
    }
    	-->
    	</STYLE>
    to your existing style section. But it would probably be better to reorganize the page so that it doesn't have so many nested <dl> elements on it.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •