Set height=100% of a panelSplitter

Hi, I want to set the height of a panelSplitter to a 100% of tha page. In IE7 works fine, but it doesn't with Firefox 3.
Here's my css code:
af|panelSplitter {
border:0;
margin: 0 auto;
padding:0;
vertical-align: middle;
height:100%;
width:90%;
Any suggestion to make it work under FFox3??
Thanks.

In this thread they have solve it. Thank you for your help.
Re: [BUG?] "height:100%;" doesn't work for af:panelsplitter with firefox
I'll try to explain it easier anyway:
- In the CSS file:
.AFVisualRoot:dark {
background-image: url('/afr/m_bg_global.png');
background-repeat: repeat-y;
background-color: #0D4988;
color: #FFFFFF;
- Put panelSplitter into a panelStretchLayout
- Write on panelStretchLayout Syle Class at properties: AFVisualRoot
- At the panelSplitter InlineStyle: height:100%;
I think that might work ;)
Thanks!

Similar Messages

Need to set height to 100%

I need to set a web page to be 100 width and 100% height.
I've got the width ok, as it's easy, but the height just won't
work.
I've set a css style to 100% height, but in safari and
firefox, it's only 20% or so of the open window. I have a 3x3 table
with set heights on the top 2 and bottom 2 and I need the middle
left (which has a background colour) to fill the depth of the page
with the bottom 2 columns right at the bottom - I just can't see
hotw to do this.
CS3, mac osx 10.4.9
thanks

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
==================
"livingwithanangel" <[email protected]>
wrote in message
news:f0bejo$lkm$[email protected]..
>I need to set a web page to be 100 width and 100% height.
I've got the
>width
> ok, as it's easy, but the height just won't work.
> I've set a css style to 100% height, but in safari and
firefox, it's only
> 20%
> or so of the open window. I have a 3x3 table with set
heights on the top 2
> and
> bottom 2 and I need the middle left (which has a
background colour) to
> fill the
> depth of the page with the bottom 2 columns right at the
bottom - I just
> can't
> see hotw to do this.
>
> CS3, mac osx 10.4.9
> thanks
>

Dynamically setting height to 100%

How do you dynamically create a container/control and set
it's height to 100% in ActionScript?
control.height = 100% doesn't work

control.percentHeight = 100;

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.

Workaround for the Firefox height="100%" bug

Hi,
Does anyone have a workaround / solution to the bug which affects Firefox which means you can't specify height=100% in the wrapper? The one which means you have to specify an absolute height.
Maybe even better - does anyone know when it's getting fiex?
Tks
Alex

The problem is that firefox browsers don't support percentage based heights. See...
http://livedocs.adobe.com/flex/3/html/help.html?content=Part2_DevApps_1.html
If you set everything to 100% in your wrapper and set your app to 100% in the code it works fine (ie resizes) in every browser except firefox. It's not working correctly in firefox 3.5 either.

DW 8 - Table Height 100%

What's the secret to get it to work?
I have a table at the top of my site that contains a masthead
graphic, below that - I have another table that I want to extend
all the way down 100%. I have that table height set to 100% as I
did when I had DW mx, but for some reason - it doesn't work now.
I'm viewing the site on IE 7 and Firefox.
Thanks

Table height is not deprecated. It was never a part of the
HMTL specs.
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
==================
": Nadia : ** Adobe Community Expert **"
<[email protected]> wrote in message
news:[email protected]...
> That's because DWMX didn't use a valid doctype, so that
it rendered pages
> on non compatible browsers in quirks mode. Table height
is not valid,
> it's deprecated, but it can be made to work with a
correct doc type... see
> if this helps:
>
>
http://apptools.com/examples/tableheight.php
>
> --
> Nadia
> Adobe® Community Expert : Dreamweaver
> ----------------------------------------
> CSS Templates |Tutorials |SEO Articles
>
http://www.DreamweaverResources.com
> ~ Customisation Service Available ~
>
http://www.csstemplates.com.au
> ----------------------------------------------------
> Spry Widget Examples
>
http://www.dreamweaverresources.com/spry-widgets/
> ----------------------------------------------------
> ~ Forum Posting Guidelines ~
>
http://www.adobe.com/support/forums/guidelines.html
> CSS Tutorials for Dreamweaver:
>
http://www.adobe.com/devnet/dreamweaver/css.html
>
>
>
>
>
> "darone75" <[email protected]> wrote in
message
> news:[email protected]...
>> What's the secret to get it to work?
>>
>> I have a table at the top of my site that contains a
masthead graphic,
>> below
>> that - I have another table that I want to extend
all the way down 100%.
>> I have
>> that table height set to 100% as I did when I had DW
mx, but for some
>> reason -
>> it doesn't work now. I'm viewing the site on IE 7
and Firefox.
>>
>> Thanks
>>
>
>

Group setting height to size of content, after having it set explicitly

Hi
I have a group like:
<Group id="test" height="100">
<button height="200" />
</Group>
Can I get the group, to have the size of the content, after having set the height explicitly?
Regards
Martin Andersen

It seems that the default is actually 0 as demonstrated in this sample:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               creationComplete="init()">
    <fx:Script>
        <![CDATA[
            import mx.core.UIComponent;
            import spark.components.Group;
            private function init():void {
                trace((new UIComponent()).height); // prints 0
                trace((new Group()).height); // prints 0
        ]]>
    </fx:Script>
</s:Application>

Height:100% is actually more than 100% of screen window??

Hello,
Here is a link to the page in question:
www.aiwebsites.net/products
I am trying to make the div with all the product descriptions
size to height:100% of the users screen. Right now I have the body
height set to 88% so that the main content will fit most screens
pretty nicely, but it's not perfect by any means. If I size
body:100% the scroll_content div gets too large. I would love to
have the scroll_content div end at the bottom of the screen for
each screen size and resolution. I know the reason for this glitch
is some conflict with my padding or margin in my rather large
stylesheet, but I just can't figure it out. Any help would be MUCH
appreciated! Let me know if you can't see my css/html and I'll be
glad to post it (I guess I'm assuming you all have the web
developer extension for Firefox).

.oO(daniel-son)
>I hear what you all are saying, but I have already
decided this is the best way
>to display my content on this particular page. There are
real reasons for this:
There's hardly a reason to intentionally decrease a site's
usability.
I've already seen sites with 3 (three!) adjacent vertical
scrollbars
caused by such scrolling boxes. Can you imagine how stupid
this looked
and how bad it was to use?
Your site also causes two vertical and one horizontal bar
here. Two of
them are totally unnecessary.
> 1) the main reason being if people scroll down away from
the "Estimate Widget"
>and then add a product to their estimate, the most
important aspect of my
>website, the Estimate Widget, will be out of sight and
not serving its purpose.
>People won't see it updating and might click the "Add"
button more than once,
>or just might forget it's up there all together.
There are other ways to keep such elements in place, even if
the entire
rest of the page is scrollable in a normal way. This is one
of the rare
situations where absolute positioning might be a helpful
option.
> 2) eventually I will have all many product descriptions
on that one page,
Very long pages should be split, which is much better than a
tiny little
hard-to-grab scrollbar slider.
>making people "far" from all the important navigation
links. Meaning there will
>be no quick way to navigate all the products. [...]
People are used to that. The [pos1] key exists and some sites
even use
links to jump back to the top/TOC. You're seeing a problem
which isn't
one really.
> Basically, I need help on how to size the div properly,
can anyone actually
>help?
That's the main problem with your approach, simply because it
can't be
done properly! It will always be either too small or too big.
Another little thing: You don't have a background color
defined for the
page body. Not every browser uses white by default.
Micha

RC Table with height=100% disappears

Hi JDev gang
Under JDev 11g TP2, I've an issue with the RC table control.
I've dragged and dropped a VO data control onto my page and created an <af:table>. I've then placed the <af:table> inside an <af:panelCollection> with defaults values. If I change the panelCollection's height to 100%, at runtime the table does not render inside the browser. However if I set it to a pixel height it works fine.
My code as follows:
<af:panelCollection inlineStyle="height:100%;">
<af:table ..... all the usual table attribute suspects>
</af:table>
</af:panelCollection>As a side note, setting the panelCollection's width = 100% works fine.
Any idea what's going on?
Regards,
CM.

Hi Chris,
This is a common frustration I have seen with web browsers. Percentage based heights are not reliable.
I see there is a release note that specifically addresses this at:
http://www.oracle.com/technology/products/jdev/htdocs/11tp/readme.html#faces2
Scroll down to the "Page Layout Tips" section for a good explanation of how to avoid using percentage-based heights.
Regards,
Matt

Setting height for grid layout cell

hai,
i am creating my own layout for my framework page.i am using grid layout tag presents in htmlb.i want to set height for my grid layout cell using taglib but there is no height attribute as per i know.is there any way for that.....
if anybody knows about it please tell me. if u have an sample code also please send me...
regards,
prasath

Hi,
Try the method setHeightPercentage in both GridLayout and GridLayoutCell classes.
GridLayout result = new GridLayout();
result.setHeightPercentage(100);
Greetings,
Praveen Gudapati
[Points are welcome for helpful answers]

Width changed when droplet set to 100% of source

I captured using firewire a source of HDV 1440 x 1080 24p in 60i from an HV20 into ProRes 422 HQ. The resulting file showed 1920 x 1080.
I then used my droplet that I always use on HV20 HDMI 24p in 60i captures (not HDV, this skips the MPEG compression and gives true 1920 x 1080).
For some reason, the resulting width from the droplet was 1440 x 1080 (even though the source file was 1920 x 1080 ProRes HQ.
1. For HDV capture, as I'm 'reverse telecine'ing the clip anyway, do I lose any info if I capture it as HDV (is there a 1 to 1 byte transfer without transcoding) - and then transcode to ProRes HQ while 'reverse telecine'ing.
2. Out of curiosity, why did it change the width back to 1440 when the source was 1920? I believe I recreate my droplet, and set it for fixed width of 1920 x 1080 - and this seemed to fix it.
3. Should the pixel aspect ratio be 'default' or 'square'?
4. Is there a way to open a droplet so that it can be edited?
5. Here's my droplet setup (that messed up the width):
File Extension: mov
Estimated file size: unknown
Audio: multi-track passthrough
Video Encoder
Format: QT
Width: (100% of source)
Height: (100% of source)
Pixel aspect ratio: Default
Crop: None
Padding: None
Frame rate: 23.976
Frame Controls On:
Retiming: (Fast) Nearest Frame
Resize Filter: Linear Filter
Deinterlace Filter: Reverse Telecine
Adaptive Details: Off
Antialias: 0
Detail Level: 0
Field Output: Progressive
Codec Type: Apple ProRes 422 (HQ)
Multi-pass: Off, frame reorder: Off
Progressive
Chroma filtering enabled
Pixel depth: 24
Spatial quality: 50
Min. Spatial quality: 0
Temporal quality: 0
Min. temporal quality: 0

Sounds like we have a very similar setup (HV30, HDMI capture, etc.).
What you are seeing is pretty typical, and I don't think it has anything to do with your droplet. I have been looking for a consistent solution to this issue myself.
Note that none of this should matter inside Final Cut, since FC will properly recognize the aspect ratio of the footage and show it properly. I only find this a problem if I am going through raw footage using Front Row or something like that.
When you capture via HDMI, the input is true 1920x1080 and your pixel aspect ratio is 1:1.
When you capture via firewire, the input is HDV 1440x1080 and your pixel aspect ratio is 0.75:1. Your initial capture files are marked to be shown at 1920x1080, and if you play them in Quicktime, they will show stretched as they should be. These files are not actually 1920x1080--they are just shown that way.
Once you do your 60i to 24p reverse telecine in Compressor, the resultant files no longer have the "tag" that tells Quicktime to show them at 1920x1080, and if you play them, they will be shown at a 1:1 pixel aspect ratio (1440x1080), which looks scrunched.
Before Quicktime 7.1, the solution was to load the file in Quicktime Pro, go into Movie Properties (CMD-J), and change the Visual Settings on the video track so the Scaled Size was 1920x1080 and save.
Recent changes to Quicktime have added a presentation aperture property which has made this even more complicated. Now you have to go into the Movie Properties, change the Presentation properties so that the "Conform aperture to:" is off, and then change the Scaled Size as above.
I hope this helps
Message was edited by: Trevor Little

How to set height panelCollection

hello all
i have problem with UI, i can't set height panelCollection to full height in my page, and i have change StyleClass to AFStretchWidth/ AFStretchHeight
this below structure in my project file
template.jspx facet
panelGroupLayout
panelHeader
panelCollection
popup
anyone help :)
thx gan
agungdmt

Your PanelCollection is not stretched because neither PanelGroupLayout nor PanelHeader stretch its children. Either the PanelCollection has to be the root component or the whole hierarchy above it should be of components that stretch their children (for example, center facet of PanelStretchLayout, DecorativeBox, PanelSplitter, ShowDetailItem(stretch), etc.). Have a look here for more details:
http://download.oracle.com/docs/cd/E14571_01/web.1111/b31973/af_orgpage.htm#CDEFAFGJ (See the last 2 columns in the table)
http://download.oracle.com/docs/cd/E14571_01/web.1111/b31973/af_orgpage.htm#CDEECCJF
http://download.oracle.com/docs/cd/E14571_01/web.1111/b31973/af_orgpage.htm#CACHIIAE
Dimitar

How to find out which plugin is missing ( embed width="100%" height="100%" messagecallback="parent.frames.MANIPULATIONS.AppendMessage" spinfps="15" spiny="30")?

How to find out which plugin is missing fro mthe website: http://web.it.nctu.edu.tw/~twli/interactive/scr_tutf.htm?
After looking at one similar question found in mozilla support and answered by jscher2000 (https://support.mozilla.org/en-US/questions/957655), I have found out I have to look for either <object or <embed. What I found is : <embed width="100%" height="100%" messagecallback="parent.frames.MANIPULATIONS.AppendMessage" spinfps="15" spiny="30"
What do I have to do now?

This big1.mol (and possibly big2.mol) file is loaded in the embed plugin object that is opened in a iframe, so you can right-click the plugin area to check the embed code.
*http://web.it.nctu.edu.tw/%7Etwli/interactive/big1.mol
*http://web.it.nctu.edu.tw/%7Etwli/interactive/big2.mol

Img size height="100%" OK?

I want my images to it in the viewer's window.
Making the height="100%" does that. But only if I do not
specify a width.
It works in Safari on my Mac. Firefox displays the image in
native size. Are there browsers that will distort the image?
Here is my test page, using 97% for the height.
http://tinyurl.com/rasxc
Is there a way to do this with tables or div or ? Since all
browsers don't work with img %s, perhaps my only choice is to wrap
the image in a Flash movie.

I agree... Sizing your images doesn't seem like a good idea
at all..
If you really "must" display your images this way, then I
think the
crash's take on it is quite good.
Maybe there is also a javascript which would do the job, but
I tend to
stay away from js as the user may smiply have it disabled...
Anurag
crash wrote:
> Why? What are you tryign to accomplish? THis is not a
good way to size
> images.
>
> The best way that I can think of would be to run aserver
side script and get
> the size of the user's viewport, then use PHP's GDI to
manipulate your image
> size.
>
> The way you're sizing that thing right now is ugly.
You're just resizing
> the display, nto the actual image.
>
>
> "Wholeo" <[email protected]> wrote in
message
> news:eadk16$l5i$[email protected]..
>> I want my images to it in the viewer's window.
>> Making the height="100%" does that. But only if I do
not specify a width.
>> It works in Safari on my Mac. Firefox displays the
image in native size.
>> Are
>> there browsers that will distort the image?
>>
>> Here is my test page, using 97% for the height.
>>
http://tinyurl.com/rasxc
>>
>> Is there a way to do this with tables or div or ?
Since all browsers don't
>> work with img %s, perhaps my only choice is to wrap
the image in a Flash
>> movie.
>>
>
>

Hp 2159m Monitor is Set to 100 Brightness and is Dull

Im' using Windows 8 - 64 bit. Brightness is set to 100 and is till too dull. How can I boost the brightness?

Hello Susankaye,
Welcome to the HP Forums, I hope you enjoy your experience! To help you get the most out of the HP Forums I would like to direct your attention to the HP Forums Guide First Time Here? Learn How to Post and More.
I understand that the brightness on your monitor is set to 100 and is too low and you are looking for help getting it brigher. I would be happy to assist you, but first I would encourage you to post your product number for your computer. I am linking an HP Support document below that will show you how to find your product number. As with this I can provide you with accurate information.
How Do I Find My Model Number or Product Number?
Please re-post with the requested information and I would be happy to provide you with assistance. Thank you for posting on the HP Forums. Have a great day!
Please click the "Thumbs Up" on the bottom right of this post to say thank you if you appreciate the support I provide!
Also be sure to mark my post as “Accept as Solution" if you feel my post solved your issue, it will help others who face the same challenge find the same solution.
Dunidar
I work on behalf of HP
Find out a bit more about me by checking out my profile!
"Customers don’t expect you to be perfect. They do expect you to fix things when they go wrong." ~ Donald Porter

Set height=100% of a panelSplitter

Similar Messages

Maybe you are looking for