So, I'm trying to embed an HTML document inside another one by using the OBJECT tag. (The reason is because I'm using an external commenting system for my weblog hosted on .mac, and currently it simply pops up a window to show comments: I want them to be displayed directly on the page with the entries.)
The problem is that without specifying a height on the embedded object, the HTML is truncated within its own space using scrollbars. I want it to appear like the comments aren't actually embedded on the page, which means the height of the embedded object needs to be as tall as the HTML page containing the comments. (So, for example, if I have 3 comments on one entry, the embedded object might need to be 300px tall, whereas on another entry I might have 5 comments and would need the embedded object to be 500px tall or so.)
Obviously I don't want to do this manually. Is there a way I can use CSS to tell the embedded object to be as tall as necessary to show all the content without using scrollbars. "height: auto;" seems to simply confine the HTML page to a narrow view that's about 150px tall, and "overflow: visible;" doesn't do anything.
(If CSS can't do this -- which would seem weird, since this seems like it should be a common need -- is there a way I could do this via JavaScript and dynamically create the HTML to specify the needed height?)
The problem is that without specifying a height on the embedded object, the HTML is truncated within its own space using scrollbars. I want it to appear like the comments aren't actually embedded on the page, which means the height of the embedded object needs to be as tall as the HTML page containing the comments. (So, for example, if I have 3 comments on one entry, the embedded object might need to be 300px tall, whereas on another entry I might have 5 comments and would need the embedded object to be 500px tall or so.)
Obviously I don't want to do this manually. Is there a way I can use CSS to tell the embedded object to be as tall as necessary to show all the content without using scrollbars. "height: auto;" seems to simply confine the HTML page to a narrow view that's about 150px tall, and "overflow: visible;" doesn't do anything.
(If CSS can't do this -- which would seem weird, since this seems like it should be a common need -- is there a way I could do this via JavaScript and dynamically create the HTML to specify the needed height?)