?
Solved

Vertical scrollbar doesn't show up in IFRAME in Explorer 6.0

Posted on 2003-03-27
4
Medium Priority
?
517 Views
Last Modified: 2008-01-09
Hi All,

I've developed a web-application which has a problem if it is viewed with Internet Explorer v6.0. In one page I make use of a IFRAME. If the content of that frame is longer then the space in the IFRAME it must show a scrollbar at the right side of the IFRAME. Well, It does in Explorer 5 but does not in v6! I've tried to give hints in the IFRAME tag like 'scrollbar=yes' and 'scrollbar=auto' but no scrollbar in Explorer 6.
Is this a known issue and is there a workaround for this?

Here's the tag that I have in my page:

<iframe align='left' height='400' width='349' scrolling="yes" src='hierarchy/hier_maintain_tree.jsp#top'>
    You're browser doesn't support IFrames. Please use Internet Explorer.
</iframe>


Thanks in advance.
0
Comment
Question by:paskal
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 7

Expert Comment

by:inxil
ID: 8241498
Does the content wrap, or does no vertical scollbar appear?  I just copied your code, changed the src to aol.com and it worked fine on ie6.  Perhaps it has to do with the page your opening?
0
 
LVL 3

Author Comment

by:paskal
ID: 8306820
Inxl, thanks for your comment. You are right.

It seems the problem is a bit different then I stated before. The scrollbar is created, only I didn't see it because it was overlapped by the next cell of the html-table.

Here are my pages:
If you look at them with Explorer 5 they will look fine but in explorer 6 it becomes a bit a mess: the scrollbar is not accessible anymore. Can someone tell me why and give a nice solution for this?

maintest.html:
<html>
<head>
<title> Test page </title>
</head>
<body>
   <iframe align='left' width='700' height='600' src='test.html' frameborder='1' style='margin-left:0px;margin-right:0px'>
     No iframes allowed
   </iframe>
</body>
</html>

test.html:
<html>
<head>
<title> Test page </title>
</head>
<body>
 <table border='0' width='100%'>
   <tr align='top'>
     <td width='350'>
       <iframe align='left' height='400' width='349' src='test2.html#top' frameborder='1' style='margin-left:0px'>
         No iframes allowed
       </iframe>
     </td>
     <td width='350' align='left' valign='top'>
       Second column <br/>
       <form name='test' method='post' >
         <input type='text' name='aant' value='10'/>
       </form>
       <br/>
       <br/>
       <br/>
       Een erg lange tekst die afgebroken moet worden in explorer6
     </td>
   </tr>
 </table>
</body>
</html>

test2.html:
<html>
<head>
<title> Test page </title>
</head>
<body>
<a name='top' />
<lu>
<li> regel 0</li><li> regel 1</li>
<li> regel 2</li><li> regel 3</li>
<li> regel 4</li><li> regel 5</li>
<li> regel 6</li><li> regel 7</li>
<li> regel 8</li><li> regel 9</li>
<li> regel 10</li><li> regel 11</li>
<li> regel 12</li><li> regel 13</li>
<li> regel 14</li><li> regel 15</li>
<li> regel 16</li><li> regel 17</li>
<li> regel 18</li><li> regel 19</li>
<li> regel 20</li><li> regel 21</li>
</lu>
</body>
</html>
0
 
LVL 7

Accepted Solution

by:
inxil earned 750 total points
ID: 8310856
paskal,

The mix of relative and absolute positions is confusing IE.  If you change the table's border from 100% to 700 you won't get that overlap.
0
 
LVL 3

Author Comment

by:paskal
ID: 8339282
Inxil,

Thx for the help. Indeed changing the table width to 700 solves the issue, but it still is strange explorer 5 is not confused and explorer 6 is.
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

764 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question