Setting Iframe Height to Match Content Height

Hello,
I'm trying to embed a page in Wordpress Muse, however, did not want the scrollbar in an iFrame. Researched some sites and saw that it is possible to put a java code that does what the iFrame to adjust according to the height of the page.
Enter various codes and tested in multiple browsers, got nowhere with the iFrame opened with full height.
The page that I am creating is this: http://meninasreais.businesscatalyst.com/index.html
I used the code provided in this page:
http://www.dyn-web.com/tutorials/iframes/height/
Does anyone know if there is any solution?
thank you very much

http://www.apptools.com/examples/tableheight.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"TSemmes" <[email protected]> wrote in
message
news:e4vpep$76h$[email protected]..
>I am trying to create a table that fills the browser
window it is in. See
><a
> target=_blank class=ftalternatingbarlinklarge
> href="
http://www.hopkinsandporter.com/about/careers.shtml">http://www.hopkinsand
> porter.com/about/careers.shtml</a> for an example.
I applied a height of
> 100%
> to the table. Doesn't work. I also used CSS to create a
style
> .table {height: 100%}
> but this doesn't work either. Any suggestions?
>
> Tom
>

Similar Messages

How do you set iFrame height to 100%

We have seen code in OAF for iFrame's where the width is set to 100% but the height is set at 500 (a given value). We've found that if we change the height to 100% it does not seem to work... However, if we change the height to 2500, insteach of 500, the iFrame box is certainly much bigger. Please review the code below. Can anyone advise how we can get the iFrame height to 100%?
OAHTMLWebBean localOAHTMLWebBean = (OAHTMLWebBean)createWebBean(paramOAPageContext, "HTML_WEB", null, "IFRAME");
localOAHTMLWebBean.setHTMLAttributeValue("src", str14);
localOAHTMLWebBean.setHTMLAttributeValue("width", "100%");
localOAHTMLWebBean.setHTMLAttributeValue("height", "500");
paramOAPageContext.getPageLayoutBean().addIndexedChild(localOAHTMLWebBean);

Hi,
I am not sure in OAF directly you can set % of width to the HTML element.
But can you try something like set width in % for some of the other bean and run the page,
once it opens in the browser get the html source of the page and check how that bean's width % is set.
You can try the same way.
Thanks,
With regards,
Kali.
OSSi.

Iframe not scrolling to content below set height in IE9

Because iframe height of 100% didn't render correctly (in any browsers) I chose a set height (600px) in which to display my clients' property listings within one of their site pages.
All works reasonably all tested browsers (double scroll bars in Chrome and Safari -- div and iframe -- despite that the div isn't set to have such, but I can likely fix that); IE9, though, is nonfunctional: In IE9 I get a Y scrollbar, as defined, however it does not scroll past content that fits into 600 pixel iframe height. That is, is does not scroll to show the rest of the iframe page.
I have tried separately defining x and y scrollers as well as simply calling for scrolling in general; no luck.
I have been searching for hours for a fix, and have tried every combination of style coding to the iframe itself as well as the overall style sheet (to the div). I also read the soure for the page rendered in IE9, and the style coding was as I'd written it.
It has to be a simple fix, or others would be having this IE9 issue, too, right?
Have even added <meta http-equiv="X-UA-Compatible" content="IE=8"> to the header; didn't change anything.
Anyone know what is going on -- and how to fix it?
I apologize for how jumbled both the CSS and source code is for this site. If I were recreating the site today, I could do a much cleaner job.
Here are a few tries:
http://cbm1.com/retail_property_listings/costar.html
http://cbm1.com/retail_property_listings/costar3.html
This version (more info in the CSS, less inline) gets rid of the double scrollers in Safari and Chrome (while still working in FF) but still the same doesn't-scroll-beyond-the-600px-iframe-pane-height issue in IE9. Tried moving the meta directive toward IE8 to immediately above the body tag as well as first meta tag on the page; neither resulted in any IE9 rendering change:
http://cbm1.com/retail_property_listings/costar4.html
Happy to simply paste the inline + CSS coding alone in this window, if that's easier for anyone.

Because iframe height of 100% didn't render correctly (in any browsers) I chose a set height (600px) in which to display my clients' property listings within one of their site pages.
All works reasonably all tested browsers (double scroll bars in Chrome and Safari -- div and iframe -- despite that the div isn't set to have such, but I can likely fix that); IE9, though, is nonfunctional: In IE9 I get a Y scrollbar, as defined, however it does not scroll past content that fits into 600 pixel iframe height. That is, is does not scroll to show the rest of the iframe page.
I have tried separately defining x and y scrollers as well as simply calling for scrolling in general; no luck.
I have been searching for hours for a fix, and have tried every combination of style coding to the iframe itself as well as the overall style sheet (to the div). I also read the soure for the page rendered in IE9, and the style coding was as I'd written it.
It has to be a simple fix, or others would be having this IE9 issue, too, right?
Have even added <meta http-equiv="X-UA-Compatible" content="IE=8"> to the header; didn't change anything.
Anyone know what is going on -- and how to fix it?
I apologize for how jumbled both the CSS and source code is for this site. If I were recreating the site today, I could do a much cleaner job.
Here are a few tries:
http://cbm1.com/retail_property_listings/costar.html
http://cbm1.com/retail_property_listings/costar3.html
This version (more info in the CSS, less inline) gets rid of the double scrollers in Safari and Chrome (while still working in FF) but still the same doesn't-scroll-beyond-the-600px-iframe-pane-height issue in IE9. Tried moving the meta directive toward IE8 to immediately above the body tag as well as first meta tag on the page; neither resulted in any IE9 rendering change:
http://cbm1.com/retail_property_listings/costar4.html
Happy to simply paste the inline + CSS coding alone in this window, if that's easier for anyone.

How to increase height of IFRAME without refreshing its contents.

Hi,
I want to increase height of an IFRAME inserted in HTML,
presently i am doing this by specifying
var frameSrc = myFrame.src;
myFrame.height = newHeight;
myFrame.src = frameSrc;
but as this refreshes the IFRAME i can see the time lag in the loading of page specified as src of IFRAME.
Is there any better way to resize the IFRAME without reloading its contents.
Thanks in advance.

Why don't you add width and height where you had IFRAME tag?
<iframe id="hiddenFrame" name="hiddenFrame" src="/myWeb/blank.html" style="width: 100; height: 300; visibility: hidden"></iframe>

How to set specific height in JLabel but vary in width ...

Hi,
I want to set the height of JLabel to fix height but vary the width according to the content of the label...
How does I do that ??
JLabel lbl = new JLabel("Hello this is aman");
lbl.setPreferredSize(100,30);
If the the text is changed, the width will be truncated at 100 pixels... how do I change
that to height 30, but width change according to text ?
thank

Hi..
may be this works for you ---
since u want to adjust the width with the text size.. means that you will be taking an input from the user and then set it on the label.. so before setting the text on the label & width of label .. get the length of the text and set this length as the width parameter to method setPrefferedSize()..
ex:
// get the text from textbox
String userinp = textbox.getext();
JLabel lbl = new JLabel();
lbl.setPreferredSize(userinp.length,30);
lbl.setText(userinp);

Setting AFrame height to the height of a graphic inside aframe plus padding

Hello fellows,
I am trying to set a permanent bottom padding between an anchored frame and a graphic object (embedded Visio) that is inside the anchored frame.
However, instead of getting that padding below the graphic, the aframe becomes really small, and only 20% of the graphic is exposed.
The code goes like this:
SET vFrame = vCurrentDoc.FirstGraphicInDoc;
Loop While(vFrame)
IF vFrame.ObjectName = 'AFrame'
SET vFrame.AnchorType = AnchorBelow;
SET vFrame.GraphicIsSelected = 1;
SET vGraphic = vFrame.FirstGraphicInFrame // Select the 1st graphic in the frame
SET vFrame.Width = vFrame.TextLoc.InTextObj.Width;
SET vFrame.Height= vGraphic.Height + 5mm; //Here is the padding of 5mm
Set vGraphic.LocY = 0mm;
Set vGraphic.LocX = (vFrame.Width - vGraphic.Width) / 2;
ENDIF
Please, advise!
Thank you!

This works for me:
// Set a variable for the active document.
Set oDoc = ActiveDoc;
// Set a variable for the selected anchored frame.
Set oAFrame = oDoc.FirstSelectedGraphicInDoc;
// Update the anchored frame's position.
Set oAFrame.AnchorType = AnchorBelow;
// Set the width of the anchored frame to match the containing text column.
Set oAFrame.Width = oAFrame.TextLoc.InTextObj.Width;
// Get the first graphic in the anchored frame.
Set oGraphic = oAFrame.FirstGraphicInFrame;
// Make the anchored frame's height 5 mm taller than the graphic.
Set oAFrame.Height = oGraphic.Height + 5mm;
// Move the graphic to the top of the anchored frame.
Set oGraphic.LocY = 0;
// Center the graphic horizontally in the anchored frame.
Set oGraphic.LocX = (oAFrame.Width - oGraphic.Width) / 2;
After you get it tested, then put it in a function:
Set oDoc = ActiveDoc;
Set oAFrame = FirstSelectedGraphicInDoc;
Set iResult = AdjustAFrameAndGraphic{oAFrame};
Function AdjustAFrameAndGraphic oAFrame
Local oGraphic(0);
// Update the anchored frame's position.
Set oAFrame.AnchorType = AnchorBelow;
// Set the width of the anchored frame to match the containing text column.
Set oAFrame.Width = oAFrame.TextLoc.InTextObj.Width;
// Get the first graphic in the anchored frame.
Set oGraphic = oAFrame.FirstGraphicInFrame;
If oGraphic
// Make the anchored frame's height 5 mm taller than the graphic.
Set oAFrame.Height = oGraphic.Height + 5mm;
// Move the graphic to the top of the anchored frame.
Set oGraphic.LocY = 0;
// Center the graphic horizontally in the anchored frame.
Set oGraphic.LocX = (oAFrame.Width - oGraphic.Width) / 2;
EndIf
EndFunc // -------------------------------------------------------------------
-Rick

Set isolatedHtmlContainer height when displaying portal page

Hi,
I have a portal application which displays portal pages from the pcd in isolatedHtmlContainer.
The page's content is dynamic so the height is not fixed and therefore in the page's properties the height's value set to 'Automatic'
However, when working with isolatedHtmlContainer the height could be set in pixels or percentage only (I cannot set it to 'Automatic').
p.s
If the height was fixed I could get it by the profile of IPortalComponentContext, but if I will do that I'll get a string like 'Automatic' which doesn't help me...)
Thanks,
Omri

Hi Martin,
I read the blog but the javascript doesn't affect my IsolatedHtmlContainer.
Let me rephrase my question:
In the portal innerpage I display X IsolatedHtmlContainers (my application decides how many pages to display). Each container has dynamic content (a portal page from the pcd), therefore, I have a problem setting the height of the IsolatedHtmlContainers (too low - scrolling bar, too high - blank space).
The properties of the portal pages from the pcd are set as follows:
isolation method - URL
height method: Automatic
If I display the pages without the IsolatedHtmlContainers, the 'Automatic' feature works and the page's size is OK.
So my question is:
Is there a way for the IsolatedHtmlContainer adjust its size according to its content?
Thanks,
Omri

How to set the height of a textarea dynamically

Hi,
I have been trying to set the ui.textarea's height dynamically and I am not able to do it. This is what I am doing.
<ui:textArea binding="#{assignment$EditResult.textArea2}" id="textArea2" style="height: 90%" text="#{currentRow.value['comments']}"/>
The height is being ignored and it is set to the default size. How can I set the height of this component to fit to the size of its cell, which is dynamic?
Thanks for your help.

Thank you for your help! It worked for something like this:
getTextArea2().setStyle("color : red");
but this does not work still.
getTextArea2().setStyle("height: 90%");
I think it still does not know the size of the cell at this point yet. But this is a good tip, thanks anyway!
~Kazzie

Using JDAPI to set the height of the Forms Canvas to it's default value

Hi,
I've been trying for a while to use the JDAPI to set the height of the Oracle Form Canvas to it's default value.
Can anyone advice how to do this ?
Can the currCanvas.inheritProperty(arg0) be used in this case ?
Thanks in advance,
regards

Hi David,
Note that I used a Footer Row in my Table. Headers and Footers have special properties. (A poster in the last couple of weeks asked for a summary of Header and Footer properties - somewhat frustrated that he couldn't find a succinct description in the User Guide. Well, there isn't one and the answer is so complicated that nobody has taken on the project. Now we have a new version of Numbers and the answer would need to change.)
The way to avoid the error is to use a Footer Row and to use the shortcut cell reference notation: =SUMIF(C,TRUE,B). The columns are specified, but the row range is not. Footers are exempt in this notation, so no error is generated regarding a circular reference.
Hope this clears it up.
Jerry

How can I set the height of ui:pageSeparator to less than 24px?

I've tried setting the height style but that appears to be ignored.

I have tried setting the height property of the page separator, but still the height in the IDE & in the browser is more then 7px. Is there a solution?
This is the style property value of the page separator.
border-width: 0px; margin: 0px; padding: 0px; height: 7px

Setting fixed height in Crystal Reports sections

Hi,
I want to set the height of detail section in crystal report. I want to set the details section such that it must at the most accommodate 10 records in the section.
If I have only 2 records in the section, it should show 8 empty lines.
If I have more than 25 records in the section, the remaining 15 records will be placed on the next page.
After that, the footer will be printed at the end of it.
Is this possible?
Thanks.

Try this:
1. You can also create a SQL expression field or use a subreport to read how many records that it returns.
2. Have 10 detail section; and
3. In each section, put in all fields; and
4. Have a running total in each section; and
5. For each field in the section, you suppress based on the running total; and
6. Do not suppress blank section; and
7. Set new page if the running total is more than > 10

How to set row height for each row

Hi
i am trying to set rowheight of row in a JTable using setRowHeight(row,rowheight)
it is not affecting on Table.but if i use setRowheight(rowheight) it applying
entire table ,please help me to solve this problem
after setRowHeight(row,rowheight), i am calling firechanged() method also ,i t will not affecting please hemp me
how to set row height at runtime in a JTable

Ok fine... do one thing... post ur code here let me check and tell u....
Ciya.....

How to set Panel height to browser height?

I have a panel in a module in an application (App > Module > Panel). I would like the panel to take up the full height of the browser window. How can I achieve this? Trying to set height="100%" doesn't work, and makes the panel disappear. Setting the layout to absolute also doesn't work when setting top and bottom margins to 20.
Any ideas welcome.
Thanks!
Mike

There is something odd going on. I did what you suggested, but then the module doesn't display. However, when I remove the percentage-based height tags everything shows up.
It seems that the Panel object is sensitive to height being percentage-based. As soon as I set its height to "500" instead of "100%" it displays.

Set the height and width of a new browser window

I am trying to open a new browser window when the user clicks
on an audio. The audio will be played in the new browser window.
The only problem I have is that I cannot set the height and width
of the new browser window. I need the window to be much smaller.
How can I do this in flash?

You need to ask on a JavaScript forum. Java != JavaScript

Iframe height

hi,
i am uisng iframe, inthat i am calling one web page. the
problem is i don't want the scrollbar and ill not mention the
iframe height. because, the web page which i am calling in iframe
height is not static it will change. how to i can get that page
without scrolling in iframe...plz help me

Here's a solution for you:
http://www.phpmix.org/iframe_height_auto_resize
It works nicely for me.
"monuu" <[email protected]> wrote in message
news:er0rjc$chu$[email protected]..
> hi,
>
> i am uisng iframe, inthat i am calling one web page. the
problem is i
> don't
> want the scrollbar and ill not mention the iframe
height. because, the
> web
> page which i am calling in iframe height is not static
it will change. how
> to i
> can get that page without scrolling in iframe...plz help
me
>

Setting Iframe Height to Match Content Height

Similar Messages

Maybe you are looking for