|
Posted by no spam on November 24, 2004, 3:42 pm
Please log in for more thread options
Hi,
I have googled on this but can't find the answer. I am writting a page
that will be viewed with Firefox .9 or >, and mainly with IE 6, where I
need to update pieces of the page without updating the whole page. I was
going to do it with <OBJECT ...> but realized that the support in IE6 is
terrible, so decided to do it with <IFRAME...>.
My problem is that there is a huge blank space left inside the iframe
body, under its content, that I can't seem to get rid of. Look at this:
a.html:
<html>
<head></head>
<body>
<table border=1>
<TR><TD>first col<TD>second col><TD>third col>
</table>
</body></html>
main.html:
<html>
<head></head>
<body>
<p>blahblahblah</p>
<div>
<iframe src=a.html type="text/html"></iframe>
</div>
<div>
<iframe src=a.html type="text/html"></iframe>
</div>
<div>
<iframe src=a.html type="text/html"></iframe>
</div>
</body></html>
I've played with vspace, framemargin, margin, padding, etc, etc, etc and
tried all of those attributes on the iframe tag, the div tag and on the
body tag of a.html, but I always get this huge space under the table row.
I want the table rows to be glued to each other. I can't use height=
because a.html will be of different sizes that I cannot predict, and I
don't want scroll bars....
I know that the problem is that the body of a.html is too big (this is
easy to show by putting different colours with bgcolor in the body
and the table tag), but I don't know how to fix.
Any idea ? Thanks !
Yves.
----
http://www.cuug.ab.ca/dorfsmay
http://www.SollerS.ca
|
|
Posted by devniall@gmail.com on December 2, 2004, 12:26 pm
Please log in for more thread options
no spam wrote:
> I have googled on this but can't find the answer. I am writting a
page
> that will be viewed with Firefox .9 or >, and mainly with IE 6, where
I
> need to update pieces of the page without updating the whole page. I
was
> going to do it with <OBJECT ...> but realized that the support in IE6
is
> terrible, so decided to do it with <IFRAME...>.
>
> My problem is that there is a huge blank space left inside the iframe
> body, under its content, that I can't seem to get rid of. Look at
this:
>
> ...
> Any idea ? Thanks !
>
I'd suggest you look into using the XML HTTP Request object and
Javascript to dynamically update the pieces in question.
http://jibbering.com/2002/4/httprequest.html is a good place to start
reviewing how to do this.
If you're dead set on using <iframes>, you could:
1) Assign each <iframe> an "id" attribute.
2) In the iframed document, compute the height and set the iframe's
height in the parent document.
(parent.document.getElementById("iframe_id").style.height =
this.document.body.offsetHeight). onload() would be a good place to
place your code,
3) Make sure the iframes have 0 margin, no border, and scrolling off.
This would probably break if the user resized fonts, which is why I'd
go with XML HTTP request.
Good luck!
--
niall
|
| Similar Threads | Posted | | 2 problems with IE6 rendering | November 10, 2007, 4:12 am |
| Rendering problems with Mac Firefox and Layers | December 5, 2005, 3:44 pm |
| Problems with iframe tag | September 14, 2004, 6:24 pm |
| Can IFRAME generate problems? | October 12, 2007, 9:32 am |
| improper rendering | October 26, 2004, 6:30 am |
| Strange rendering? | December 10, 2004, 10:54 am |
| Re: Is this a bug in form rendering? | May 23, 2006, 2:53 pm |
| Re: Is this a bug in form rendering? | May 24, 2006, 7:53 pm |
| Re: Is this a bug in form rendering? | May 24, 2006, 7:57 pm |
| XHTML rendering on browser | July 11, 2004, 10:40 pm |
|
XML Sitemap