 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
Adagio
Joined: 06 Jan 2008
Posts: 3
|
 Posted: Sun Jan 06, 2008 4:37 am Problems with iFrame, scroll-bar in IE |
 |
|
|
A picture says a thousand words, so here it goes:
As can be seen on the Internet Explorer side, the scrollbar of the iFrame goes further down than the page, which makes it impossible to view what's at the bottom of the iFrame. Firefox renders it correctly, the iFrame fits the height perfectly
As far as I can tell, the number of pixels the scrollbar goes outside the browser window is the same number of pixels I have at the top of the site (105px from the top is the start position of the iFrame)
Here's a bit of the source code:
| Code: |
<table style="width: 100%; height: 100%; position: fixed; left: 0px; top: 0px;" border="0" >
<tr style="height:100px; width: 100%;">
<td>
</td>
</tr>
<tr valign="top" style="height: 100%; width: 100%;">
<td>
<iframe src="cl9nav.html" height="inherit" width="220" frameborder="0" class="nav" >
</iframe>
</td>
<td>
<iframe src="cl9home.html" frameborder="0" width="100%" height="100%" id="web_frame" name="web_frame" >
</iframe>
</td>
</tr>
</table> |
I've spent the last few hours searching for a solution, but nothing has come up. Does anybody here know how to fix this problem? |
|
sticks464
Joined: 31 Dec 2006
Posts: 1122
|
| Posted: Sun Jan 06, 2008 8:03 am |
|
|
|
Change the second iframe to mirror the first
| Code: |
<iframe src="cl9nav.html" height="inherit" width="220" frameborder="0" class="nav" >
</iframe>
</td>
<td>
<iframe src="cl9home.html" frameborder="0" width="100%" height="inherit" id="web_frame" name="web_frame" >
</iframe> |
Works in Safari, IE5-7 and FF. Does not work in Opera. |
|
Adagio
Joined: 06 Jan 2008
Posts: 3
|
| Posted: Sun Jan 06, 2008 10:26 am |
|
|
|
If I chose inherit then the height is set to about 150px
The content of the cl9nav.html file is about 140px, but setting that page to have a height of 100% or inherit or whatever doesn't make any difference
Using inherit in both iFrames also causes the error to happen in FireFox |
|
sticks464
Joined: 31 Dec 2006
Posts: 1122
|
| Posted: Sun Jan 06, 2008 1:17 pm |
|
|
|
| Quote: |
| Firefox renders it correctly, the iFrame fits the height perfectly |
| Code: |
<iframe src="cl9home.html" frameborder="0" width="100%" height="100%" id="web_frame" name="web_frame" >
</iframe> |
Renders the same as having the height set to inherit.
| Quote: |
| Using inherit in both iFrames also causes the error to happen in FireFox |
What error?
Using inherit only causes IE to render the same as FF. |
|
Adagio
Joined: 06 Jan 2008
Posts: 3
|
| Posted: Mon Jan 07, 2008 8:43 am |
|
|
|
When I set height to inherit I get this in both Firefox and IE:
The left part (with Forside, billeder, etc) is the first iFrame and the part with content is the second iFrame |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
