facets that overlap of the 'top' and 'Center' of panelStretchLayout

Hi experts,

I'm trying to get a provision that looks something like this:

6WAmt.png

It is what is actually rendered:

qau8D.png

This is the layout code I use:

<af:panelStretchLayout id="pt_psl1">
    <f:facet name="top">                
        <af:panelGroupLayout id="pgl_top" styleClass="header">
            <div class="logo">
            .
            .
            .
            </div>
            
            <div class="searchBox">
            .
            .
            .
            </div>
            
            <div class="userPic">
            .
            .
            .
            </div>
        </af:panelGroupLayout>    
    </f:facet>
  
    <f:facet name="center">
        <af:panelGroupLayout id="pt_pgl2" styleClass="postHeaderDiv">
            <af:panelSplitter id="pt_ps1">
                <f:facet name="first">
                    <h:outputFormat value="outputFormat1" id="pt_of1"/>
                </f:facet>
                <f:facet name="second">
                    <h:outputFormat value="outputFormat2" id="pt_of2"/>
                </f:facet>
            </af:panelSplitter>
        </af:panelGroupLayout>
    </f:facet>
</af:panelStretchLayout>

The problem is that the 'Centre' facet seems to be to fit in the 'top' side and a height of 50px line alongside the ' overlfow: hidden ' property prevents the content of the facet 'Center' to appear on the page. Further investigation of the HTML rendering, I found the following:

0gqrX.png

I do not understand why my content of 'Center' facet becomes a child of the facet "on" while it should have been outside the 'top' facet Is there something wrong in my template tag?

Ashish thanks for the reply. Definition of height and width properties did not help either. But I managed to find the culprit. It was an unclosed div that was causing the problem. It was pretty silly of me

Tags: Java

Similar Questions

  • I tried to download the updated version and got large loads of AAM files that appear on the top of my Firefox browser. Why?

    I recently changed my Chrome Firefox that I hope no more nothing to do with Google.  In any case, I hope that the change would allow me to download the version of Muse with the ease of change In-Browser.  I entered the browser search and connected to Adobe CC Adobe Muse 2014.  I was a little surprised to not see the icon of the Muse at the front and Center; Finally, I spotted and watched the intro video before hitting the download.  A continuous stream of aam files immediately began to flow along the stop of the browser. To start I am not familiar with the aam files, and I don't know why Firefox files on the top of the browser.  The new version of Muse is actually download?  After half an hour, on that I got suspicious, and click stop.  Any ideas what's happening?

    I can't speak for the behavior of Firefox. I use it only rarely, and perhaps, the behavior you see depend on your configuration (i.e. plug-ins you have installed in Firefox). However, I can explain the installation process of Muse.

    From version Adobe Muse CC 2014 Muse now uses the same process technology and installation installer as all other Adobe applications available as part of the creative cloud. When any creative cloud application is installed, the first step is installing the creative cloud desktop application (if it is not already installed and up to date). CC office manages the installation of the Adobe application as well as many other features of cloud (i.e. access to cloud storage, file synchronization, access policies, access to the community and the market, etc.). Adobe Application Manager (AAM) is a subcomponent of the CC desktop application and so the part of the installation of the Office of the CC.

    This process is the even that you use the free creative cloud level, use it an a Creative Cloud application test, have a subscription to Creative Cloud App for just Muse or subscribed full creative cloud.

  • Last night suddenly when I right click view image in firefox, they appear centered and on a black background. He is generally meant to be a white background and the image that appears at the top left. How to get back to it?

    I have a problem with something in firefox, it is quite minor, but still bothers me. Last night suddenly when I right click view image in firefox, they appear centered and on a black background. He is generally meant to be a white background and the image that appears at the top left. I don't remember what I did to change this if it's my fault; If anyone knows how to get back to it, I would be grateful.

    This is the new behavior in Firefox 11.

    See also:

  • And how does one remove Christmas lights that have been offered as a decoration for the top and shifts of the screen. They tend to hide the navigation bar.

    And how one removes the Christmas lights that have been offered as a decoration for the top and bottom of the screen. They tend to hide the navigation bar. Several days ago Firefox gave the 'dress-up' in a message.

    It seems that https://addons.mozilla.org/firefox/addon/christmas-lights/ is added as an extension, but is categorized as a character (lightweight themes). Go to tools > Modules then check extensions and themes, and then uninstall it.

    Now that the status bar is now the toolbar addons that I see those that are listed are all personas and they do not affect the toolbar addons you would also find a theme, and think that it must be very confused now that I no longer able to filter topics with a Google addons research - phooey.

    Extensions can be identified with intitle: Add - ons and have changed my research of extension add-ons accordingly.

  • I had to wipe my computer and thought that I had backed up my lightroom (lightroom 4). seems there is no back to the top and now I can't seem to re - install as the message catalog is not found. I can re - install?

    I had to wipe my computer and thought that I had backed up my lightroom (lightroom 4). seems there is no back to the top and now I can't seem to re - install as the message catalog is not found. I can re - install?

    Hi robbiemac1973,

    You can reinstall the Lightroom app 4 from the following link:Download Photoshop Lightroom

    However, you will need to start everything as a new catalog.

    Kind regards

    Tanuj

  • IE defining the additional margin at the top and bottom of page using CSS

    Hello

    I am struggling with getting a site to look right in Internet Explorer.

    I wonder if anyone knows the answer or has some ideas to help me solve the problem...

    I use the headers and footers on a background image (with repeat-y on the style sheet) to give me a picture frame effect. You can see what it's supposed to look like below, using Firefox, Opera or Netscape browsers.

    http://www.sueharrington.co.UK/layout_tmpl_test.htm

    However, in Internet Explorer, I get two problems.

    1. the extra space at the top and in bottom of header and footer gifs.
    2 bar (middle of the page) seems to have space for additional margin in IE, causing it to wrap around.

    I managed to product another site where he works, but cannot see what is different about this one.

    http://www.enscott.co.uk/indexb.htm - work in IE and Firefox

    Someone at - it had indications or experienced this problem?

    Thanks in advance

    Neil

    (I use a Dreamweaver template to generate the pages, but cannot see this difference make?)

    It solved! - Or at least got a job.

    This came from the discovery of EI mismanages the following values

    margin-bottom
    height

    Basically low-margin or abbreviations seem to be ignored on the labels of stylesheet id (#). To test this, compare the following on IE and another browser (Firefox, for example)

    To see this, write this stylesheet

    {body
    background-color: #FFFF00;
    margin: 0;
    }

    {#wrapper}
    background-color: #FF0000;
    Auto margin: 100px;
    height: 1000px;
    Width: 770px;

    for this html code





    Display in IE and Firefox (or another browser)

    Firefox poster correctly a red box on a yellow page with 100px margin top and bottom - that is to say however has a zero at the bottom.

    Then apply the 100px high and the bottom margin to the "body" as below, leaving unchanged #wrapper.

    {body
    background-color: #FFFF00;
    Auto margin: 100px;
    }

    Firefox is unchanged: he seems to ignore the margin-top on the body.

    IE now shows a box with a tope 200px margin and a lower margin of 100px.

    The other interesting thing appeared with the parameter "size".

    If you insert a header or a footer background URL in a stylesheet, Firefow requires that you leave space for your background, or it does not show.

    So for a 16px high gif, use the following text in the style sheet. (It used to a gif in footer)

    #footer {}
    background-image: url (.. / images/bg_bottom.gif);
    background-repeat: repeat no.;
    height: 16px;
    Clear: both;
    }

    IE requires the value of 'height', but it is not guaranteed. (Even 1px or 1%) - if it is present, it works.

    Unfortunately, this does not solve my pixels very little space, but made me think - if the margin is not properly handled on the tags "#", if I do the

    the same color as the outside of the screen, it will not appear. This is easily done by using the following

    background-color: #999999;

    If my final CSS stylesheet looks like this

    / * to position the image in the browser * /.

    {body
    background-color: #999999;
    margin: 10px 0;
    padding: 0;
    }

    (/ * to contain and center of the page and product image sides) * /.

    {#wrapper}
    Width: 810px;
    Auto margin: 0;
    background-image: url (.. / images/bg.gif);
    background-repeat: repeat-y;
    }

    / * to keep the photo album frame * /.

    #banner {}
    height: 15px;
    background-image: url (.. / images/bg_top.gif);
    background-repeat: no-repeat;
    }

    / * to keep the background image * /.

    #footer {}
    background-image: url (.. / images/bg_bottom.gif);
    background-repeat: repeat no.;
    height: 16px;
    background-color: #999999;
    Clear: both;
    }

    With the html as follows







    content of the page here






    This gives the desired frame "image". Still not 100% sure why the problem of initiall which happened, but this seems to fix.

    The final page can be seen at

    http://www.sueharrington.co.UK/layout_tmpl_demo.htm

    Thanks for your help.

    See you soon

    Neil

  • When firefox is opened the page scrolls to the top and I lost the menu bar

    When I open firefox the page scrolls to the top and I can see no longer the menu bar. Somehow, I think I clicked on 'white page' and now I can't view the entire page.

    Make sure that you run not Firefox mode full screen (press F11 to toggle).

  • I lost the toolbar that runs along the top of your web page, one that has your bookmarks to this topic, how can I get that back, I have it unchecked by mistake!

    How to restore the bar Tools/menu bar that runs along the top of the web page, one that has your bookmarks on it as well as others if necessary, I have it unchecked by mistake and can not get it back, help!

    User Agent

    Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0)

    Press the ALT key .

  • The mouse to stop that rises to the top of the page when I scroll to the bottom of the page

    How can I get my mouse to stop that rises to the top of the page when I'm scrolling down the page?

    my mouse

    Hello
     
    • What version of the Windows operating system do you use?
    • Do you use the computer laptop or desktop?
    • This happens to you while you browse Internet only?
     
    I suggest you run this fix and check.
    Open the hardware and devices Troubleshooter
  • I have black borders on the top and the bottom of my desktop screen andonline screen. How can I get rid of this?

    I have black borders on the top and the bottom of my desktop screen andonline screen. How can I get rid of this?

    Hi Harry,.

    Thanks for posting in the Microsoft community.

    I understand that the screen on your computer displays a dark border on the top and the bottom of the screen.

    There is an article in the knowledge base that provides methods to solve this kind of issue. Check out the link and follow the steps.

    Troubleshoot monitor and video card

    http://Windows.Microsoft.com/en-us/Windows-Vista/troubleshoot-monitor-and-video-card-problems

    Let us know if you need more assistance.

  • A box of error with Visual C ++ Runtime error on the top and the assertion then error line 267 program appears

    Original title:

    How can I get rid of this 'box', he said Visual C ++ Runtime error on the top and the assertion then error line program 267: file_common_npngate blah blah

    Expression pPlugin Shim? I uninstalled Reg Pro and the other antivirus that both are installed on my computer. Someone at - it get this message before? What should I do? I am still able to run normal programs, but this error continues to repeat itself, I continue to close, and then I get again.

    Ali

    Hello

    1. when exactly you get this error message?

    2. what browser do you use?

    3. If Internet Explorer, what version of Internet Explorer is installed on the computer?

    4. are you aware of any changes made to the computer, before the show?

    A runtime error is a software or hardware problem that prevents a program to function properly. Runtime errors could cause you to lose information in the file that you are using, causing errors in the file (corrupt the file) so that you cannot work with it, or prevent you from using a feature.

    If it does not solve the problem, try method and forward them to the following, following.

    Method 1:

    Step 1: Safe Mode

    Start your computer in safe mode and check the number.

    Start your computer in safe mode

    http://Windows.Microsoft.com/en-us/Windows7/start-your-computer-in-safe-mode

    Step 2: Clean boot

    If you are not facing the problem in safe mode, and then put your computer in a clean boot and search for the question.

    How to troubleshoot a problem by performing a clean boot in Windows Vista or in Windows 7

    http://support.Microsoft.com/kb/929135

    Note: once you have determined the problem by using a clean boot procedure, follow step 7 in the article to restore your computer to normal startup.

    Method 2:

    If you get this error in Internet Explorer, try the steps in troubleshooting mentioned in the following link.

    Correct errors in Internet Explorer

    http://support.Microsoft.com/kb/822521

    Note: Reset the Internet Explorer settings can reset security settings or privacy settings that you have added to the list of Trusted Sites. Reset the Internet Explorer settings can also reset parental control settings. We recommend that you note these sites before you use the reset Internet Explorer settings.


    Method 3:

    Download and install the latest versions of Microsoft Visual C++ and are looking for the issue.

    For the 32-bit version of Windows Vista:

    http://www.Microsoft.com/en-US/Download/details.aspx?ID=5555

    For the 64 bit version of Windows Vista:

    http://www.Microsoft.com/en-US/Download/details.aspx?ID=14632

    I hope this helps.

  • Monitor LG Flatron L245WP-BN is cut off at the top and has a black border at the bottom of the screen

    Monitor LG Flatron L245WP-BN is cut off at the top and has a black border at the bottom of the screen. Connected to HP laptop Pavilion via a HDMI cable. Is it possible to align the screen so the full screen is showing?

    Help, please!

    Thank you

    navers wrote:

    Sorry! It's a HP Pavilion 15 laptop. I can give you the number of the product if you want? Windows 64-bit of 8.1

    Thank you for the additional information.

    Yes, the product number would be helpful.  Please do not provide the serial number, however.

    I think that your problem is perhaps that the monitor is not compatible with Win 8.1.  The only available updates are for Win XP and Vista.  You can find this information in the link that I provided in the article titled "Software Update".

    I suggest you contact LG Customer Service to see if they can help you.

    Please click on the Thumbs up button '+' if I helped you and click on "Accept as Solution" If your problem is resolved.

  • Portrait mode, how to drag a program window to the top and bottom of a window and have it snap.

    Maybe it's more of a feature request: Windows 7 has a component feature snap where you drag a window of program on the side of the screen and it will maximize this measure only half of the screen.  I love this feature and use it often to keep my office in order.  I recently turned to another monitor that I keep in Portrait mode, but the nod to works only on the sides.  Good if I had a big enough screen, but I really want to align with the top and bottom of the screen.  Please advise, thank you.

    Interesting idea! To get to the right people at Microsoft, please click thegive us your comments. Help improve Windows 7 link under ads at the top of the main page of the forum, or go to the page give us your comments for Windows 7 . Boulder computer Maven
    Most Microsoft Valuable Professional

  • Remove the big black bar at the top and bottom of Office

    original title: my desktop image now has a big black bar at the top and bottom. How can I get rid of this?

    The image filled my monitor yesterday. Today, I have a big black bar at the top and bottom. How can I get rid of this?

    1. Right-click on your desktop, choose Customize.
    2. At the bottom, click background.
    3. Finally, click on the Position of the image and choose Stretch or complete, what you prefer.
    4. Click on save changes.
    If this isn't the cause, you could also do that you use the full resolution of your monitor.
    1. Right-click on your desktop, choose the resolution of the screen.
    2. Make sure that you use the recommended resolution.
  • difference between the operational status of APs to the TOP and REG (registered)

    Hello guys,.

    I want to know what is the difference between the operational status of APs to the TOP and REG?

    Thanks in advance

    A radio operating state is up/down.  REG AP means that the PA has joined with success the controller.  The AP must be in the State REG (registry) radios appear.

    -Scott

    Please evaluate the useful messages *.

Maybe you are looking for