?
Solved

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

Posted on 2003-03-27
4
Medium Priority
?
519 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
  • 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

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

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

Ever visit a website where you spotted a really cool looking Font, yet couldn't figure out which font family it belonged to, or how to get a copy of it for your own use? This article explains the process of doing exactly that, as well as showing how…
When you put your credit card number into a website for an online transaction, surely you know to look for signs of a secure website such as the padlock icon in the web browser or the green address bar.  This is one way to protect yourself from oth…
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…
Want to learn how to record your desktop screen without having to use an outside camera. Click on this video and learn how to use the cool google extension called "Screencastify"! Step 1: Open a new google tab Step 2: Go to the left hand upper corn…
Suggested Courses

612 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