CSS Positioning in Internet Explorer 7

Everything seems to be fine in Firefox on both Mac and PC,
but when I tried viewing things on my home pc in Explorer, my divs
are out of whack. I recently added a slideshow function I found,
but I don't think that caused the problems since it doesn't control
my style sheet.
The div "photo gallery" has been pushed down to the left,
where it is supposed to be to the right of the slideshow.
The link to my page is
http://www.php.wmsgroup.com/eofd6.org/
CSS is attached.
Thanks in advance!

Hi again!
This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
So if anyone here is a css-IE9-expert... :)
Thanks and best regards,
Tobi
edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
Edited by: tpetri on 03.09.2012 09:53

Similar Messages

  • Css problem in internet explorer

    Hi to all!
    On my page as part of the page template I have build in a little drop-down user panel on the left top of the page.
    html:<div id="userpanel">
      <span><img src="'#APP_IMAGES#openSlidedown.png" /> <a>logon: &APP_USER.</a>
      <div id="userpanel_hsreg"><p>Autorisiert für: &APP_CODES_DISP.</p>
      <p>| #NAVIGATION_BAR#</p>
      </div></span>
    </div>css:#userpanel,
    #userpanel * {
            position:relative;
         font-family:verdana; font-size:12px;
         margin:0; padding:1px; border:0;
         white-space:nowrap;
    #userpanel a,
    #userpanel span { display:inline-block; }
    #userpanel>span>a { color:#999; }
    #userpanel span:hover div { display:block; }
    #userpanel>span:hover > a { color:black; }
    #userpanel_hsreg {
              display:none;
              position:absolute;
              left:+5px;
              top:+24px;
              background:#fff;
              padding:10px 18px;
              line-height:180%;
              border:1px solid silver;
              border-radius: 6px;
              box-shadow:1px 2px 5px #aaa;
              z-index:99;
    #userpanel>span>a {
              border-bottom:1px solid silver;
              margin-top: 5px;
              }So what happens is this: if the user hovers over the "+logon: username+", a little box pops up with some further information (the item &APP_CODES_DISP.) and the logout-link. Below this link, the Navigation bar starts. So while the box pops up, it covers a part of the region below, what its meant to do.
    The promlem is, that this doesnt work in Internet Explorer properly, when its launched from apex. Instead, the popup-box is displayed behind the region below. In Mozilla, as always, everything worls fine. This problem ocured already, when I opened the html-file from desktop, but I fixed that by putting the z-index-attribute in. Only now, in Apex, its still now working in IE. I am not that of an expert in css. I have tried different XHTML declarations in the header, all no difference.
    The current one:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This might be a bit of a tricky issue, so I dearly hope, someone can help me. (Similar problem like the other threat I started recently here where the round-corner attribute is not working in IE-Apex, but this time its a bit more vital. :) )
    I have v 4.0.2.
    Thanks and greetings,
    tobi

    Hi again!
    This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
    I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
    I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
    So if anyone here is a css-IE9-expert... :)
    Thanks and best regards,
    Tobi
    edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
    Edited by: tpetri on 03.09.2012 09:53

  • CSS Problem with Internet Explorer 8.0 Filters and linked reports

    Hi ,
    The Internet explorer 8.0 re presents the filter prompt for linked reports and a warning of "Prevention of XSS" is flashed on the browser. Is there a patch for this since changes in Interner explorer security setting are not possible to be changed in all clients.
    Thanks
    Regards
    Shivakanth

    Jovaini,
    IE 8 handles threads different than previous versions. Thus, if you sign into an APEX workspace and then try to start a new instance of IE 8, that process is no longer seen as a separate process like IE 6 & 7, but rather as another "tab", if you will. Thus, as soon as you log into workspace 2, your login credentials for workspace 1 are invalidated. This is true even if workspace 2 is the APEX Admin Console, as it uses the same underlying authentication mechanism.
    To solve this, you have a couple of options:
    1) Use two different browsers (i.e. IE 8 and Google Chrome).
    2) Use the hostname for one session and the IP address for another session. This will limit you to two concurrent logins.
    3) Either edit your local hosts file or if you can, have your network administrator create a number of aliases to the same APEX server. You can then use each alias for a different session with the same browser. APEX manages its session cookies based on the hostname, so if you have 10 aliases, you will be able to be logged into 10 separate workspaces within the same browser using this approach.
    Thanks,
    - Scott -
    http://spendolini.blogspot.com
    http://www.sumneva.com

  • Positioning and internet explorer-CSS

    Hello! I'm a newbie to CSS (and to Dreamweaver, actually).
    I'm trying to create a dropdown (aka suckerfish) menu for a site. I
    was able to do this easily in GoLive using the MenuMachine plug-in,
    but I have not found a similar plug-in for Dreamweaver that works
    on a Mac, and I have to stick with Dreamweaver 8 for monetary
    reasons (no spry thingies for me right now) so I'm trying to learn
    the CSS coding for it. I'm working my way slowly through some
    online tutorials. Currently, I've managed to make it somewhat work
    in Safari & Firefox, but not Explorer. So I started working my
    way back, and I noticed that the placeholder dropdowns are somehow
    throwing off the positioning of my main text container. (I have not
    set the dropdowns to appear and disappear here--I'm just trying to
    get them to sit there for now.) I have tried a bunch of different
    positioning things in the menu container and the navigation
    container, but I can't figure it out--the main text container
    either jumps way over to the left, or way over to the right. Can
    anyone tell me what I should fix? Thanks!
    this one jumps to the right:
    http://www.christineu.com/dw_practice/tina_exhib_practice7d.html
    this one jumps to the left:
    http://www.christineu.com/dw_practice/tina_exhib_practice7dd.html
    this is how it worked before I added the dropdowns--looks
    halfway decent:
    http://www.christineu.com/dw_practice/tina_exhib_practice7c.html
    thanks again!
    Christine

    Just to update--I fixed the problem. I added "clear:both" to
    the main text container div, and it is landing in the right place
    now.
    http://www.christineu.com/dw_practice/tina_exhib_practice7ddd.html
    I am currently doing a "clear/float" tutorial, so maybe I'll
    understand the concepts better after that.
    http://www.computerarts.co.uk/tutorials/premium_content/web__and__new_media/css-based_layo uts_in_dreamweaver_mx_2004

  • CSS conflict with internet explorer

    In the bottom section (Application Info, Workshops etc), the first tab is supposed to be highlighted when you first come to the page. This works fine. The problem comes when you click on other tabs. It works fine in FF, Opera, Safari, and Chrome. However, in Explorer that first tab continues to stay open as you click through the other tabs and they become highlighted. I have an bottom.css document that governs this section and iestyles.css that has helped solve some of the problems. This one remains a mystery to me. Any help is greatly appreciated.
    http://www.4culture.org/test/

    I don't think any of those items would affect the behavior of that tabbed region.  They are all pointing at some unprotected javascript on the page - ordinarily placing those bits of embedded script between CDATA  lines will eliminate these validator complaints.  If that were done, this page would probably validate.
    As for the original question, I am not sure why the symptoms reported are occurring in IE.  Perhaps someone else will spot the reason....

  • Menu positioning problem when viewing in Internet explorer on a pc

    Hi guys,
    I have created a website for a football team and I am having problems with the menu. It looks fine in all browsers apart from Internet Explorer. The menu positioning is meant to be on the left hand side but shows far right on the screen when viewed in Internet Explorer. Does anyone know how I can resolve this issue?
    http://www.stormersfc.co.uk
    css sheet - http://www.stormersfc.co.uk/style.css
    Hopefully someone can help.
    Cheers,
    Roy

    Hummm....its difficult to tell. Youre using so many redundant css styles ie not needed.
    Youre 'leftPan' <div> container is 140px in width but your ul (unordered list inside it is 244px wide?
    Why set widths and heights when they are not needed. You have no idea what height the ul and li will be in other users browsers. A child element placed inside a parent container will stretch to the full width without specifying a width for the child element. The key to web deisgn is keeping all the maths 100% correct. If you so much as get anything out by even one px it could break the design.
    #leftPan{
         margin-left: 90px;
         width: 140px;
    #leftPan ul{
         width:244px;
         height:250px;
         background-position: 0 0;
         padding-top: 0px;
         padding-right: 0;
         padding-bottom: 0;
         padding-left: 0;
         margin-top: 1px;
         text-decoration: none;
    I see no reason why your based structure ie the 'container', 'header', 'mainpic', sidebar1 and 'mainContent' should not work in all browsers. Now what you have inside those may be casuing the conflict. I would strip the page back to the base structure (check that it does work in all browsers) then begin to fill the containers, checking as you go.

  • I'm developing a web site using MVC3 & Razor, but my css changes do not show up on FireFox, but do on Chrome & Internet Explorer - How can I get Razor to render correctly on FireFox?

    I don't have a public version as I'm just staring development.
    For an example I have completed the walk-thru at [http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/updating-related-data-with-the-entity-framework-in-an-asp-net-mvc-application]. Then I tried changing minor items in site.css (such as font size) and the changes did not show up on FireFox, but do show up on Chrome and Internet Explorer.
    Example of change below: I changed the background from #e8eef4 to #ff0000. The table header background shows up in red for chrome & IE, but stay in light blue for FireFox.
    <code>
    table th {
    padding: 6px 5px;
    text-align: right;
    background-color: #ff0000;
    border: solid 1px #e8eef4;
    </code>

    You can also reload web page(s) and bypass the cache.
    *Press and hold Shift and left-click the Reload button.
    *Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
    *Press "Cmd + Shift + R" (MAC)

  • Spry Alignment and Positioning Problem in Internet Explorer 6 and 7

    I am designing a website at http://atoment.007gb.com, and neither me, nor my partner can figure out why the Spry Horizontal Menu Bar is loading the way it is in Internet Explorer.  We are doing this for a school project, and eye appeal and workability is a top priority.  I changed and customized most of it, but even if i did keep it the same, it still wouldn't work. I have only the best confidence, that even given the amount i have changed, you will still be able to help me with my alignment problem.
    The Submenu Buttons Tile across the page, when they are supposed to go straight down...
    the Submenu overlaps the main menu when you hover over it
    and the darned thing wont center in any of my browsers, but thats the least of my worries.
    Here is the CSS Codes
    #MasterNavigator {
    width: 1024px;
    height: 75px;
    #Navigator {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    #NavigatorButtonsLeft  {
    background-image: url(../_images/MenuButtonBackgroundLeft.png);
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align:center;
    #NavigatorButtonsMiddle {
    background-image: url(../_images/MenuButtonBackground.png);
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align:center;
    #NavigatorButtonsRight {
    background-image: url(../_images/MenuButtonBackgroundRight.png);
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align:center;
    #NavigatorButtonsSub {
    background-image:url(../_images/SubMenuButtonBackground.png);
    width: 128px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    And here is my HTML code:
    Home
    Publishing
    Videos
    Patents
    Wallpapers
    Avatars
    Userbars
    Digital Design
    Digital Gallery
    3-D Gallery
    Sci-Fi
    Technology
    Structures
    Vehicles
    Concepts
    Web Design
    Templates
    Graphics
    About Us    
    Atom Enterprises
    Slamerz
    The images I used are 20% Transparent, and are listed below.
    http://atoment.007gb.com/_images/MenuButtonBackgroundLeft.png
    http://atoment.007gb.com/_images/MenuButtonBackground.png
    http://atoment.007gb.com/_images/MenuButtonBackgroundRight.png
    http://atoment.007gb.com/_images/SubMenuButtonBackground.png
    Please try your best to help me.

    0087adam wrote:
    ok, but how can I make it work with what I have.  All the css codes are the
    same, they just have been renamed.
    The original SpryMenuBarHorizontal.css does not have any issues in any of the browsers. If you go and modify the original, and it does not work anymore, then the logical conclusion is that you have made one or (more likely) multiple mistakes.
    In other words, you cannot make it work with what you already have.
    My advice is that you replace the original CSS and work from there; but instead of changing the original CSS, make your changes in a separate stylesheet so that you can monitor and test the code at each change. For instance if you want to change the colour of the text you make a style rule that overrides the original in your new stylesheet as follows:
    ul.MenuBarHorizontal a {
        color: #333;
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
        color: #FFF;
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
        color: #FFF;
    If you want to change the background colour to an image, then follow the same procedure, testing your code at each step.
    I hope this helps.
    Ben

  • CSS wont work in Internet Explorer

    HI, i've probably just domne something stupid here, but i
    have a website which looks fine in every browser, but when it comes
    to Internet explorer it totally ignores any CSS i have set up so
    the page looks stupid
    Can anyone enlighten me on this phenomenon please? lol
    I hate IE. things would b so much easier if Internet Explorer
    didnt exist

    When you find lists like that getting too long, it means -
    1. You are not using CSS optimally, and
    2. You are using too many fonts
    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
    ==================
    "The Scribe" <[email protected]> wrote in
    message
    news:ejvnq8$cj6$[email protected]..
    > ok i'll have a look at validating it. yeah i realise i
    have been a bit
    > sloppy
    > on the CSS side, ive been creating it on the fly just to
    get it up online
    > n
    > looking like it should really. im gunna go back later n
    neaten it up a
    > bit,
    > using the header tags and better labels.
    >
    > the images are very heavy too so im trying to optimise
    them. I created
    > seperate style sheets to deal with the seperate colours
    because the list
    > of
    > different fonts etc was getting a bit long, but i
    suppose i shouldnt have
    > worried.
    >
    > Cheers ill have a look at it
    >

  • Internet Explorer, Css, and Link colour.

    Hey Everyone,
    I'm not sure if this has already been discussed, I'm sure it has been but I couldn't find it. I've built a website in dreamweaver, I've uploaded it online, everything looks great, except in Internet Explorer. In IE the link colour is different that what I designed, it's as if IE is overwriting what I have written into css/html. Is there coding to stop this? I know there must be something, but I can't find anything online.... any help will be super helpful!
    Thanks,
      Anna

    This is a duplicate post, but your earlier one was attached to a thread that's more than a year old, so I'm locking the other thread.
    Please do not post the same question twice in the same forum.
    For help with your links, you need to post a URL to the problem site.

  • Why do pictures appear in the wrong position in Firefox but in right place in Internet Explorer?

    I am running Internet Explorer 8 and Firefox 3.6.6 and have been looking at the following website www.finningley.org and on the home page there is a picture of an aeroplane that appears in the correct place on Internet Explorer but is over the text in Firefox. I have tried changing the resolution but Firefox always looks incorrect whereas I E is fine. What can be done to solve this issue?

    The overlapping is caused by the fixed height of the containing DIV:
    <pre><nowiki><div style="border-style: inset; width:645px; height:127px"></nowiki></pre>
    If you leave out the height then it looks much better.<br />
    <pre><nowiki><div style="border-style: inset; width:645px;"></nowiki></pre>
    I don't know if you can make that gallery work properly with scroll buttons.

  • My verticle Spry menu will not work in Internet Explorer

    I know a lot of people have posted about similar issues, and I've researched multiple "solutions" on multiple forums for something that will work, but nothing has solved the problem so far.
    Here is a link to the prototype homepage: http://www.abrasivesales.com/indexnew.html
    Everything looks great on my mac when opened in Firefox or Safari, however when opened on Internet Explorer on a PC, the menu ceases to be verticle, instead extending horizontally past the end of the screen.  Also, the menu items adopt a white background color, and none of the submenu items will appear when their parent menu item is rolled over.
    PLEASE HELP....this issue has kept me from launching the site for a week now, and my superiors are wondering why this problem is taking me longer than it did to build the homepage in the first place, so I'd love to look like less of an idiot.
    I assuming this is a CSS issue, so I've posted my CSS code below:
    @charset "UTF-8";
    /* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
    ul.MenuBarVertical
        margin: 0;
        padding: ;
        list-style-type: none;
        font-size: 12px;
        cursor: default;
        font-weight: bold;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        left: 0px;
        top: 0px;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are same fixed width as parent */
    ul.MenuBarVertical li
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 150px;
        margin: 0;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarVertical ul
        margin: 0 0 0 100%;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: absolute;
        z-index: 1020;
        cursor: default;
        left: -1000em;
        top: 0;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarVertical ul.MenuBarSubmenuVisible
        left: 0;
        width: 165px;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarVertical ul li
        width: auto;
    #masterContainer #container #sidebar #sideNav2 li ul li {
        top: -400px;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Outermost menu container has borders on all sides */
    ul.MenuBarVertical
        border: 0
    /* Submenu containers have borders on all sides */
    ul.MenuBarVertical ul
        border: 0
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarVertical a
        display: block;
        cursor: pointer;
        padding: 2px 3px;
        color: #333;
        text-decoration: none;
        font-family: "Comic Sans MS", cursive;
        font-size: 13.5px;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
        background-color: #33C;
        color: #FFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
        background-color: #1A6AF4;
        color: #FFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarVertical a.MenuBarItemSubmenu
        background-image: url(SpryMenuBarRight.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarVertical a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarVertical iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarVertical li.MenuBarItemIE
            display: inline;
            f\loat: left;
            background: #FFF;
    #masterContainer #container #sidebar #sideNav2 {
    #masterContainer #container #sidebar li ul li  {
        background-color: #F4EC9A;
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarVertical li.MenuBarItemIE
    display: inline;
    float: left;

    I solved one of my own problems.  It turns out I still had a setting for width set to "auto" instead of a pixel amount.  So now my menu displays normally and my submenus are no longer invisible.
    One one tab, "Products", I set the top at -430px, which internet explorer seems to ignore.  I'm so close!  I'll search for the answer but any help is greatly appreciated.

  • Spry menu problems with Internet explorer

    Hi everyone
    I'm having ongoing problems with my horizontal menus and
    internet explorer. They work fine in other browsers and with the
    generous help of others at these forums I've managed to sort out
    most of the problems. But I've hit a real wall with this one. The
    menus drop down showing the links OK but you cannot highlight or
    click on the options that drop down, they just appear as text. Any
    help would be appretiated. My appologies for posting in other
    threads also but just hoping for a response.
    I am very new to this side of design so simple answers would
    be very helpful. Thanks
    Bob

    I have 2 similar problems to the prior posts:
    1) I run IE7 and FF and the positioning of my submenus are
    skewed in IE only.
    2) I am not sure, but I believe I have a problem with my
    iframe appearing in my IE7 browser behind all of my submenus. Well,
    I know I have a problem with something, but whether or not it's the
    iframe I don't know. What I do know is that the box shows up like a
    border around my submenus and I can't get rid of it. I suspect that
    it may be caused by the fact that my menu buttons are imported
    gif's in the shape of rounded rectangles which allows for the
    corners to be visible. I actually just thought about it and my
    gif's are set to have a white index transparency, but maybe If I
    export the gifs without transparency, then that issue will be
    resolved. Well I will try that part and see, but any and all
    suggestions are welcome. Oh and I just remembered, that problem
    with the border around my submenus also has another problem with
    the word "false" inside of that border behind my submenus. This
    problem again is only in my IE browser, and it is hard to see it,
    but I have no idea why that is there or what it's from. I ran a
    search in my SpryMenuHorizontal.css page and in my html page for
    the word 'false' but nothing turned up. The only document related
    to this issue that contains the word 'false' is the
    'SpryMenuBar.js' document.
    CSS
    Layout file
    HTML Demo
    link
    Thank you,
    Danny

  • Spry Menu Bar Horizontal Problem in Internet Explorer

    I'm having a problem with a spry menu bar. It works fine in Firefox and Google Chrome, but in Internet Explorer the submenus shift to the right.
    And here's the code:
    @charset "UTF-8";/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 *//* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. *//******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************//* The outermost container of the Menu Bar, an auto width box with no margin or padding */ul.MenuBarHorizontal{     margin: 0 auto;     padding: 0;     list-style-type: none;     font-size: 100%;     cursor: default;     width: 54em;     border-top-width: thick;     border-right-width: thick;     border-bottom-width: thick;     border-left-width: thick;     border-top-color: #00F;     border-right-color: #099;     border-bottom-color: #093;     border-left-color: #0F9;     top: auto;}/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ul.MenuBarActive{     z-index: 1000;}/* Menu item containers, position children relative to this container and are a fixed width */ul.MenuBarHorizontal li{     margin: 0;     padding: 0;     list-style-type: none;     font-size: 100%;     position: relative;     text-align: center;     cursor: pointer;     width: 18em;     float: left;     color: #F00;     background-color: #0000FF;}/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ul.MenuBarHorizontal ul{     margin: 0;     padding: 0;     list-style-type: none;     font-size: 100%;     z-index: 1020;     cursor: default;     width: 18em;     position: absolute;     left: -1000em;}/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{     left: auto;}/* Menu item containers are same fixed width as parent */ul.MenuBarHorizontal ul li{     width: 18em;}/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ul.MenuBarHorizontal ul ul{     position: absolute;     margin: -5% 0 0 95%;}/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{     left: auto;     top: 0;}/******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************//* Submenu containers have borders on all sides */ul.MenuBarHorizontal ul{     border: 1px solid #CCC;}/* Menu items are a light gray block with padding and no text decoration */ul.MenuBarHorizontal a{     display: block;     cursor: pointer;     background-color: #000;     padding: 0.5em 0.75em;     color: #C96;     text-decoration: none;     border: black;}/* Menu items that have mouse over or focus have a blue background and white text */ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{     background-color: #900;     color: #009;     text-align: center;}/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{     background-color: #900;     color: #FFF;     text-decoration: underline;}/***************************************************************************** ** SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************//* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal a.MenuBarItemSubmenu{     background-image: url(SpryMenuBarDown.gif);     background-repeat: no-repeat;     background-position: 95% 50%;     text-align: center;     font-family: "Lucida Console", Monaco, monospace;     font-weight: bold;     color: #FF0;     border: 3px solid #039;}/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{     background-image: url(SpryMenuBarRight.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{     background-image: url(SpryMenuBarDownHover.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{     background-image: url(SpryMenuBarRightHover.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************//* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ul.MenuBarHorizontal iframe{     position: fixed;     z-index: 1010;     filter:alpha(opacity:0.1);}/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */@media screen, projection{     ul.MenuBarHorizontal li.MenuBarItemIE     {          display: inline;          f\loat: left;               }}
    WHAT DO I DO? HELP ME, THANKS.
    Ummmmmmm HELLOO.
    SOMEONE HELP ME.
    ....boy you guys are reallllly helping

    Ohhhh noooo now it looks like this.
    I don't know what to do!!!!
    Here, let me give you the css code and the html code.
    <style type="text/css">
    <!--
    #apDiv1 {
        position:absolute;
        width:160px;
        height:126px;
        z-index:1;
        left: 205px;
        top: 424px;
        margin: 0 auto;
    -->
    </style>
    <style type="text/css">
    #apDiv3 {
        position:absolute;
        width:254px;
        height:206px;
        z-index:2;
        left: 123px;
        top: 1529px;
    #apDiv4 {
        position:absolute;
        width:250px;
        height:194px;
        z-index:3;
        left: 381px;
        top: 1528px;
    #apDiv5 {
        position:absolute;
        width:256px;
        height:200px;
        z-index:4;
        left: 636px;
        top: 1529px;
    #apDiv6 {
        position:absolute;
        width:349px;
        height:205px;
        z-index:5;
        left: 889px;
        top: 1530px;
    </style>
    <style type="text/css">
    #apDiv7 {
        position:absolute;
        width:887px;
        height:204px;
        z-index:6;
        left: 324px;
        top: 905px;
    #apDiv8 {
        position:absolute;
        width:1295px;
        height:74px;
        z-index:1;
        left: 212px;
        top: 668px;
    </style>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <style type="text/css">
    #apDiv2 {
        position:absolute;
        width:209px;
        height:197px;
        z-index:2;
        top: 1220px;
        left: 171px;
    #apDiv9 {
        position:absolute;
        width:331px;
        height:97px;
        z-index:3;
        left: 385px;
        top: 1218px;
    #apDiv10 {
        position:absolute;
        width:292px;
        height:199px;
        z-index:4;
        left: 724px;
        top: 1218px;
    #apDiv11 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
    body {
        background-color: #000;
        background-image: url();
        text-align: center;
        color: #F00;
    .none {
        font-size: 80px;
        font-family: "Times New Roman", Times, serif;
        font-weight: bold;
    #apDiv12 {
        position:absolute;
        width:991px;
        height:60px;
        z-index:5;
        left: 198px;
        top: 192px;
    #apDiv13 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
        left: 588px;
        top: 322px;
    </style>
    <body onLoad="MM_preloadImages('images/WebConfroll.png','images/youthfootballroll.png','images/ statefbsweatshirt.png')">
    <p align="center" class="none"><img src="images/footballtitle.png" width="941" height="183"></p>
    <ul id="MenuBar2" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">[Placeholder]</a>
        <ul>
          <li><a href="#">[Placeholder]</a></li>
          <li><a href="#">[Placeholder]</a></li>
          <li><a href="#">[Placeholder]</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">[Placeholder]</a>
        <ul>
          <li><a href="#">[Placeholder]</a></li>
          <li><a href="#">[Placeholder]</a></li>
          <li><a href="#">[Placeholder]</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">Videos</a>
        <ul>
          <li><a class="MenuBarItemSubmenu" href="#">2008 Videos</a>
            <ul>
              <li><a href="videos/2009 videos/Glenbard part one/partone.html">Glenbard South Game</a></li>
              <li><a href="#">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&# 160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;[Placeholder]</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">2009 Videos</a>
            <ul>
              <li><a href="#">[Placeholder]</a></li>
              <li><a href="#">[Placeholder]</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">2010 Videos</a>
            <ul>
              <li><a href="#">[Placeholder]</a></li>
              <li><a href="#">[Placeholder]</a></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><span class="cent"><img src="images/bulldoghelmit.png" width="150" height="99" /></span></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p class="cent"> </p>
    <div align="center">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li> <a class="MenuBarItemSubmenu" href="#">Football Season 2008</a>
          <ul>
            <li><a href="http://page.bps101.net/web/t1350/Football2009/2008%20Defense%20Stats.pdf">Defense Stats</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football2009/2008%20Offense%20Stats.pdf">Offense and Records</a></li>
            <li><a href="http://page.bps101.net/web/t1350/BHS%20All%20Time%20Stats.pdf">AllTime Data</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football2009/Western%20Sun%202009.pdf">Western Sun Final Standings</a></li>
          </ul>
        </li>
        <li> <a href="#" class="MenuBarItemSubmenu">Football Season 2009</a>
          <ul>
            <li><a href="http://page.bps101.net/web/t1350/Football%202010/2009%20Banquet%20Record%20and%20Stats.pdf">Defense Stats</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202010/2009%20Banquet%20Record%20and%20Stats.pdf">Record Book and Offense</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202010/All-Time%20Data%202009.pdf">Alltime Data</a></li>
          </ul>
        </li>
        <li> <a class="MenuBarItemSubmenu" href="#">Football Season 2010</a>
          <ul>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2011%20Checklist.pdf">2010-2011 Offseason Checklist</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20Defense%20Stats%20Final.pdf">Defense Stats</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20Stats%20Packet.pdf">Record Book and Offense</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20ALL%20TIME.pdf">Alltime Data</a></li>
          </ul>
        </li>
      </ul>
    </div>
    <p align="center"> </p>
    <p align="center"> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><img src="images/Batavia Youth football.png" alt="" width="869" height="200" /></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/WebConfroll.png',1)"></a></p>
    <div align="center">
      <div align="center"></div>
      <div align="center"><a href="http://www.athletics2000.com/upstate8/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/WebConfroll.png',1)"><img src="images/WebConf.png" name="Image7" width="206" height="194" border="0" id="Image7" /></a><a href="http://www.bataviayouthfootball.org/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/statefbsweatshirt.png',1)"><img src="images/statefbsweatshirt.jpg" name="Image6" width="375" height="199" border="0" id="Image6" /></a><a href="http://www.bataviayouthfootball.org/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/youthfootballroll.png',1)"><img src="images/youth football.png" name="Image8" width="329" height="197" border="0" id="Image8" /></a></div>
    </div>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/youthfootballroll.png',1)"></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><img src="images/Logos.png" width="1167" height="199" /></p>
    <script type="text/javascript">
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: auto 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: 54em;
        border-top: thick solid #00F;
        border-left: thick solid #00F;
        border-right: thick solid #00F;
        border-bottom: thick solid #00F;
        height: 2.2em;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        cursor: pointer;
        width: 18em;
        float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 18em;
        position: absolute;
        left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        width: 18em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
        left: auto;
        top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        background-color: #000;
        padding: 0.5em 0.75em;
        color: #C96;
        text-decoration: none;
        text-align: center;
        height: 1.2em;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        background-color: #900;
        color: #009;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-color: #900;
        color: #FFF;
        text-decoration: underline;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
        background-image: url(SpryMenuBarDown.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        color: #FF0;
        font-family: "Lucida Console", Monaco, monospace;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
        background-image: url(SpryMenuBarRight.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarDownHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
            display: inline;
            f\loat: left;
            background: #FFF;
    DON'T GIVE UP ON ME. PLEASE.

  • How to print multiple pages using Internet Explorer with af:showPrintablePageBehavior

    Hello,
    I am facing one issue with using af:showPrintablePageBehavior. I found similar posts and google pages, but unable to fix the issue. Most relevant post is,
    Print issues with af:showPrintablePageBehavior and Internet Explorer
    I have a page show in a af:popup. This page contain a Title in the top, af:outputText and a Print button below it. I have added af:showPrintablePageBehavior to Print button. I am using lots of data in the af:outputText. When I click on Print button, showPrintablePageBehavior is opening new browser window with multiple pages. But when I click on the Print Preview or Print, only first page is shown.
    I have tried the solution mentioned in above post but no luck.
        <f:verbatim>
            <style type="text/css">
                textarea {
                    width: 95%;
                    height: 350px;
                    overflow: auto;
                @agent ie {
                    af|document:maximized::printable {
                        position: static;
            </style>
      </f:verbatim>
      <af:panelStretchLayout bottomHeight="10%" startWidth="0%" endWidth="0%" topHeight="10%" inlineStyle="height: 100%; width: 100%">
      <f:facet name="top">
      <af:panelGroupLayout id="pnlGrpTitle"  layout="vertical" halign="center" inlineStyle="width: 100%;">
      <af:spacer id="titleSpacer" height="10px" />
      <af:label value="Title" inlineStyle="font-weight:bold; font-size: 16px; color:#000066; padding-left: 5px" id="dialogTitle" />
      <af:spacer id="titleSpacer2" height="20px" />
      </af:panelGroupLayout>
      </f:facet>
      <f:facet name="center">
      <af:panelStretchLayout bottomHeight="0" topHeight="0" startWidth="0" endWidth="0">
      <f:facet name="center">
      <af:panelStretchLayout bottomHeight="0" topHeight="25" startWidth="0" endWidth="0">
      <f:facet name="center">
      <af:panelGroupLayout id="pnlTextArea" layout="scroll">
      <af:outputText binding="#{mybean.tfdArea}" escape="false" id="tfdArea" />
      </af:panelGroupLayout>
      </f:facet>
      </af:panelStretchLayout>
      </f:facet>
      </af:panelStretchLayout>
      </f:facet>
      <f:facet name="bottom">
      <af:panelGroupLayout id="pnlGrpBottom" layout="vertical" halign="center" inlineStyle="width: 100%">
      <af:commandToolbarButton id="cbPrint" shortDesc="Print" icon="/images/print.png" inlineStyle="width: 40%" >
      <!--af:clientListener method="self.print" type="action"/-->
      <af:showPrintablePageBehavior />
      </af:commandToolbarButton>
      </af:panelGroupLayout>
      </f:facet>
      </af:panelStretchLayout>
    Any idea how to fix it?
    - Sujay

    Hello,
    I am facing one issue with using af:showPrintablePageBehavior. I found similar posts and google pages, but unable to fix the issue. Most relevant post is,
    Print issues with af:showPrintablePageBehavior and Internet Explorer
    I have a page show in a af:popup. This page contain a Title in the top, af:outputText and a Print button below it. I have added af:showPrintablePageBehavior to Print button. I am using lots of data in the af:outputText. When I click on Print button, showPrintablePageBehavior is opening new browser window with multiple pages. But when I click on the Print Preview or Print, only first page is shown.
    I have tried the solution mentioned in above post but no luck.
        <f:verbatim>
            <style type="text/css">
                textarea {
                    width: 95%;
                    height: 350px;
                    overflow: auto;
                @agent ie {
                    af|document:maximized::printable {
                        position: static;
            </style>
      </f:verbatim>
      <af:panelStretchLayout bottomHeight="10%" startWidth="0%" endWidth="0%" topHeight="10%" inlineStyle="height: 100%; width: 100%">
      <f:facet name="top">
      <af:panelGroupLayout id="pnlGrpTitle"  layout="vertical" halign="center" inlineStyle="width: 100%;">
      <af:spacer id="titleSpacer" height="10px" />
      <af:label value="Title" inlineStyle="font-weight:bold; font-size: 16px; color:#000066; padding-left: 5px" id="dialogTitle" />
      <af:spacer id="titleSpacer2" height="20px" />
      </af:panelGroupLayout>
      </f:facet>
      <f:facet name="center">
      <af:panelStretchLayout bottomHeight="0" topHeight="0" startWidth="0" endWidth="0">
      <f:facet name="center">
      <af:panelStretchLayout bottomHeight="0" topHeight="25" startWidth="0" endWidth="0">
      <f:facet name="center">
      <af:panelGroupLayout id="pnlTextArea" layout="scroll">
      <af:outputText binding="#{mybean.tfdArea}" escape="false" id="tfdArea" />
      </af:panelGroupLayout>
      </f:facet>
      </af:panelStretchLayout>
      </f:facet>
      </af:panelStretchLayout>
      </f:facet>
      <f:facet name="bottom">
      <af:panelGroupLayout id="pnlGrpBottom" layout="vertical" halign="center" inlineStyle="width: 100%">
      <af:commandToolbarButton id="cbPrint" shortDesc="Print" icon="/images/print.png" inlineStyle="width: 40%" >
      <!--af:clientListener method="self.print" type="action"/-->
      <af:showPrintablePageBehavior />
      </af:commandToolbarButton>
      </af:panelGroupLayout>
      </f:facet>
      </af:panelStretchLayout>
    Any idea how to fix it?
    - Sujay

Maybe you are looking for

  • Settings for IDoc Processing Maintain Partner Profile Manually

    Hi Everybody, I just wanted to maintain a partner profile for IDoc Outbound Processing in CRM7.0. The Partner Type is LS (Logical System). Now, when I'm creating an Outbound Parameter and want to save, I get an Error Message that the field package si

  • Export DB from one server to another.

    Hello I have big p problem to find the way how to move database from one server to another. The database is 10g R2. The both server are on windows server system and they are in the same network. I have one weekned to do this. I have found 4 ways: - C

  • Where do I find pictures after sync

    I just synced my pictures from the computer to the phone using the blackberry download software and when I opened my pictures on the phone nothing was there. Where do I find the pictures on the phone after sync?

  • Using OpenHub Unix to export to SQL Server

    Hi, I have SAPBW 3.1(DB2 database) on a Unix machine and I need to export data to a SQL Server database on Windows.  There are general issues with accessing SQL Server from a Unix machine (ODBC drivers), but what I would like to know is, does this ap

  • How to make an update command efficient

    i have a table with with 891350 records, and the other table also have the same number or records, i have indexed both tables, and used this query to update the table, UPDATE tt A SET (A.SUBURB_FORM, A.DATASET_FORM, A.STATE_FORM)= (SELECT B.SUBURB, B