Sub menu browser display issue

Hello,
http://marketing.ocean-florida.co.uk/damien/ocean/homepage/ocean52.html
I'm having an issue with the main navigation sub menu.
In IE9 on Windows 7 the drop down text (last character) drops to the next line.
Screenshot attched.
Any ideas as to why this is happening would be gratefully received.
Many thanks,
Damien

I see you've styled your CSS width to be auto for your dropdown ULs
Did you try setting manual width for 'Cruise & Stay' UL alone? Say, around 67px wide instead of 57 that it takes on auto?

Similar Messages

Spry Menu Bar display issue - please help.

Everything works accept for IE for PC. I want the backgrounds
of the menu to be transparent but they are coming up white in IE.
Please help. Thank you.
http://www.pjhaarsma.com/techmark/docs/main.html

Found it:
In the hack on the CSS sheet - change background from #FFF to
transparent:
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;
/* 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: transparent;
}

Browser Display Issues

I can preview my website correctly in the live view and in the browser on my laptop.
However, when I view it from another machine using IE8 also it does not display correctly. Can someone help me???? I have no idea what is causing this issue when everything looks fine on my machine!
www.destinationmassillonweddings.com/about.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Destination Massillon Weddings | About Us</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="file:///C|/Users/Owner/Documents/Laura/Clover Concepts/an-ocean-of-sky/an-ocean-of-sky/anoceanofsky.css" />
<style type="text/css">
a:link {
text-decoration: none;
color: #000;
a:visited {
text-decoration: none;
color: #999;
a:hover {
text-decoration: underline;
color: #001700;
font-style: italic;
font-weight: bolder;
font-variant: normal;
text-transform: none;
a:active {
text-decoration: none;
color: #003;
body {
background-image: url(rosebgrd.jpg);
a {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
</style>
</head>
<body>
<div id="mainPicture">
<div class="picture">
    <div id="headerTitle">
      <div align="center">
        <h3 class="l"><em>Destination Massillon Weddings</em></h3>
      </div>
      <div id="headerSubtext">
        <div align="center" class="jj">133 1st Street NE, Massillon, OH 44646 | 330-832-5439
        </div>
      </div>
    </div>
</div>
</div>
<div class="contentBox">
<div align="center"><img src="roseribbon.jpg" width="670" height="40" />
</div>
<table width="664">
    <tr>
      <td width="94" valign="top"><p><a href="http://www.destinationmassillonweddings.com/">Home</a></p>
        <p> <a href="http://www.destinationmassillonweddings.com/about.html">About Us</a></p>
<p><a href="http://www.destinationmassillonweddings.com/services.html">Our Services</a></p>
      <p><a href="http://www.destinationmassillonweddings.com/shows.html">Bridal Shows</a>      </p>
      <p><a href="http://www.destinationmassillonweddings.com/templates.html">Checklists</a></p>
      <p><a href="http://www.destinationmassillonweddings.com/contact.html">Contact Us</a></p></td>
      <td width="10" valign="top"><img src="nav2.jpg" width="6" height="300" align="right" /></td>
      <td width="550" valign="top"><div class="contentTitle"><em>About Us</em></div>
        <div class="contentText">
          <table width="524" cellpadding="0" cellspacing="0">
            <tr>
              <td valign="top"><div id="content-wrap">
                <div id="content">
                  <div id="main">
                    <div>
                      <p>Locally owned and operated in Downtown Massillon since 1975. We are your complete wedding shop offering everything wedding related from invitations to napkins, party favors to mints, and everything in between in a variety of colors, styles and personalization. We provide    excellent customer service and satisfaction with a dedicated, experienced staff.   Whatever your style may be, our dedicated staff is committed to helping you find the perfect items you need to make your wedding a beautiful success.</p>
<p> </p>
                      <p>Call us today at 330-832-5439.</p>
                      </div>
                    </div>
                  </div>
              </div>                <p> </p></td>
            </tr>
          </table>
        </div></td>
    </tr>
</table>
<p> </p>
</div>
<div id="footer">© 2010 Destination Massillon Weddings | Design by <a href="http://www.laurarafferty.com">Laura Rafferty</a></div>
<div align="center"></div>
</body>
</html>
I am self taught and have the for dummies and a manual and can't seem to get this. Any help at all is GREATLY appreciated!!

Your first issue is that you have this
<link rel="stylesheet"
type="text/css"
href="file:///C|/Users/Owner/Documents/Laura/Clover Concepts/an-ocean-of-sky/
an-ocean-of-sky/anoceanofsky.css" />
and it should be
<link rel="stylesheet" type="text/css"href="anoceanofsky.css" />
That is if your css is in your root folder...if you have your css in a
folder called "an-ocean-of-sky", then your link should be:
<link rel="stylesheet" type="text/css"href="an-ocean-of-sky
/anoceanofsky.css" />
Gary

Horizontal menu submenu display issue in IE9

I inserted a Spry horizontal menu into a page in Dreamweaver CS5 then edited it to display the way I need it to look. It looks great in FF, Safari, Chrome and Opera. In IE9 the drop down submenu items have too much (vertical) space between them. This is probably because I added a positioning element of "top: 20px" to make the menu center (vertically) correctly over the background image. I have tried any number of alternatives and this version of the CSS is just perfect except in IE. I have searched for days for similar issues but haven't found anything to help.
The page is http://myparlour.net/DashboardDDS /collections.html
The site CSS is http://myparlour.net/DashboardDDS/dashboard_dds.css
The Spry menu CSS is http://myparlour.net/DashboardDDS/SpryAssets/SpryMenuBarHorizontal.css
I would appreciate any help in resolving this problem.

Try
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style>
ul.MenuBarHorizontal {
     font-size: 90%;
     width: 800px;
     margin: auto;
ul.MenuBarHorizontal li {
     width: 20%;
ul.MenuBarHorizontal a {
     text-align: center;
ul.MenuBarHorizontal ul a {
     text-align: left;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="production.html">Production</a>
    <ul>
      <li><a href="production_mtd.html">Month to Date</a></li>
      <li><a href="production_ytd.html">Year to Date</a></li>
      <li><a href="production_history.html">History</a></li>
      <li><a href="production_monthly_goal.html">Monthly Goal</a></li>
    </ul>
</li>
<li><a href="collections.html" class="MenuBarItemSubmenu">Collections</a>
    <ul>
      <li><a href="collections_mtd.html">Month to Date</a></li>
      <li><a href="collections_current.html">Current by Source</a></li>
    </ul>
</li>
<li><a href="new_patients.html">New Patients</a>              </li>
<li><a href="office_receivables.html" class="MenuBarItemSubmenu">Office Receivables</a>
    <ul>
      <li><a href="office_receivables_patient.html">Patient Receivables</a></li>
      <li><a href="office_receivables_insurance.html">Insurance Receivables</a></li>
    </ul>
</li>
<li><a href="#">      Dashboard Demo</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Gramps

PDF portfolio in browser display issues

PDF Portfolio created in Acro Pro 9 with layout of grid/preview
PCs using IE 8 to view portfolio in web broswer
When one loads the portfolio, the portfolio loads in IE8 Ok BUT it does not display as intended as the browser add-in always starts in 'layout' view rather than 'File' view. This means that the grid of all the PDFs in the portfolio are not shown. The file list appears if you select 'File' view and this is an OK compromise.
Is there any way to make the browser view load as 'file' rather than 'layout'? - I can't find an option in Acro Pro for this.
Portfolio opens as intended if we turn off the view in browser option but I need to keep that option ticked for other applications.
thanks
Julian
Message was edited by: jstaddon

Previous error message was working with Explorer. This came up working with Firefox
I did upgrade and it was found that the latest version was installed.
Please wait...
If this message is not eventually replaced by the proper contents of the document, your PDF
viewer may not be able to display this type of document.
You can upgrade to the latest version of Adobe Reader for Windows®, Mac, or Linux® by
visiting http://www.adobe.com/products/acrobat/readstep2.html.
For more assistance with Adobe Reader visit http://www.adobe.com/support/products/
acrreader.html.
Regards
Allen Versteeg

SSRS 2012 Report Manager web browser display issues

Hi Guys
I'm having a issue with the report manager display in explorer, Firefox and chrome web browsers, it doesn't display correctly, any advice would be greatly appreciated, thanks

go to your SSRS server and open your reporting server configuration Manager
Make sure that your Report Manager URL is
http://machinename:80/Reports and Web Service URL is
http://machinename:80/Reportserver
Roger

Very new to using flash in websites: browser display issue

I am very new to flash ads and we are on a new platform after a website redesign. I'm having trouble with flash display settings I'm guessing since the ad displays fine in IE, but not fine in Firefox and Chrome. Images to follow (for the curious it is a YWCA ad):
Here you see overlap on the current version of Firefox.
This ad has wings! Current version of Chrome.
This is IE. What? IE is right and the other browsers aren't? What gives!?
Additional details: The position is a plugin position for Wordpress. The ad is being placed via Ad-minister with the following code:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="quality" value="high" />
<param name="wmode" value="opaque">
<param name="movie" value="http://www.vbjusa.com/wp-content/uploads/110107_ywcc1.swf" /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.vbjusa.com/wp-content/uploads/110107_ywcc1.swf" type="application/x-shockwave-flash"></embed></object>
Thank you in advance for your assistance.

test with the html published by flash. if no problems, the issue is the embedding code.

Need help with margins & footer, and browser display issues....

Hello,
I am working on a splash page in Dreamweaver, but am having trouble with the margins and the footer.
1. Margins: I basically want/need the center contents of the page never to extend past the contents of the header and footer.
If you look at the page header, the logo on the top left and "Student and Faculty Portal" should be the margins. Seems to look fine on some users' systems, but not consistent across our department.
2. Footer: I can't seem to figure out how to keep the footer at the bottom without rising above the background image across all browsers & screen sizes. Looks fine on some, but too high or low on others. (Looks the worst when the background image shows underneath the footer).
3. Browser/Screen Size: Depending on which PC I am using, my page changes. At the office, on my 26" monitors, my page looks fine, however, when on different laptops, my right div (that contains the login table) goes under the left. How can I code my page so that it looks consistent on all?
I guess my main complaint/need is for my page to look consistent regardless of screen size, browser or system.
If you could take a look, I would greatly appreciate it.
Your expertise and time is greatly appreciated. I hope I was clear enough, but please let me know if there is any confusion.
http://www.saintleo.edu/PortalLanding/PortalSplash.html
Kind regards,
JK

1. Create a div around your content, give it a width and margin: 0 auto;
2. Follow this tutorial. It will be a lifesaver and it sounds like what you are trying to do: http://css-tricks.com/snippets/css/sticky-footer/
3. See #1. In addition, remove right-margin from login box, add float: right; and remove float: left; from main content.

Horizontal Spry Menu Bar with Horizontal Sub Menu

I have created a horizontal menu bar with only one main menu item leading to a sub menu. I would like this sub menu to display horizontally also, instead of vertically as added by default.
I am relatively new to dreamweaver and would appreciate any help possible.

Came across the fix by accident thru extensions in menu bar,
and choice of cursor for each section. Feeling happy! Happy New
Year everyone.

Creating a vertical dropdown menu that displays inline

I would like to change how my dropdown menu displays. First I'd like for it to dropdown directly underneath its menu item and in the process move the other links down. And remain visible until it is clicked again, thereby shifting other links back up.
Here is what I am trying to accomplish:
Main menu:
main link 1
main link 2
main link 3
main link 4
Then when user clicks on a link:
main link 1
   sub item
   sub item
   sub item
main link 2
main link 3
main link 4
And for it to remain displayed like the above until clicked again.
So in essence it could even look like this as a user is navigating:
main link 1
   sub item
   sub item
   sub item
main link 2
   sub item
   sub item
   sub item
main link 3
   sub item
   sub item
   sub item
main link 4
   sub item
   sub item
   sub item
And then each submenu disappear as its main link is clicked again.
Hope this makes sense and hope someone can help.
Thanks!
P.S. Im using Dreamweaver CS6

Bare bones example: (needs styling with css) (if you want a bit more of a smooth animation use - $(this).find('.sub_menu').slideToggle(); instead of $(this).find('.sub_menu').toggle(); in the jQuery script below highlighted in red
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Drop Down Menu</title>
<style type="text/css">
ul {
margin:0;
padding:0;
list-style-type:none;
/* hide sub menu */
.sub_menu {
display: none;
    /* indent sub menu */
.sub_menu li {
padding-left: 10px;
        </style>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.menu').click(function() {
$(this).find('.sub_menu').toggle();
</script>
</head>
<body>
<ul id="navigation">

<li class="menu"><a href="#">Menu 1</a>
<ul class="sub_menu">
<li><a href="#">Sub Navigation 1</a></li>
<li><a href="#">Sub Navigation 2</a></li>
<li><a href="#">Sub Navigation 3</a></li>
</ul>

</li>
<li class="menu"><a href="#">Menu 2</a>
<ul class="sub_menu">
<li><a href="#">Sub Navigation 1</a></li>
<li><a href="#">Sub Navigation 2</a></li>
<li><a href="#">Sub Navigation 3</a></li>
</ul>

    </li>
<li class="menu"><a href="#">Menu 3</a>
<ul class="sub_menu">
<li><a href="#">Sub Navigation 1</a></li>
<li><a href="#">Sub Navigation 2</a></li>
<li><a href="#">Sub Navigation 3</a></li>
</ul>
    </li>
</ul>
</body>
</html>

Nav bar sub menu and Slideshow not displaying in preview?

Hi,
My website, markmillerdesign.com hosted by godaddy is not displaying the sub menu or the images to the slide show.
I had to relink all of my assets because my computer was restored, but they all work until i preview in a browser or upload site.
My Nav menu is set to show all pages but the sub menu is still not working or coming up?
I have even made new slideshows and reinstalled images but they still do not come up in preview mode or on the web.
Is there a way I can diag this? Any ideas?
Please help!
Thanks.

I am now getting this same error on all of my websites. some of them I havent uploaded to or even updated for quite a while, is this a muse issue since the last update?
Please help !

Sub menu display I.E 7.0

Hi,
Thanks for a fantastic extension.
I set-up a menu in Dreamweaver for site
http://www.pafiankingdom.com
and made some minor adjustments to the formatting. The navigation
menu displays correctly in I.E 6.0 and Firefox, but in I.E 7.0 the
sub menu's show up on top of the main menu items.
The CSS file looks like the following:
@charset "UTF-8";
/* SpryMenuBarVertical.css - Revision: Spry Preview Release
1.4 */
/* 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: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 100%;
/* 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
margin: 0;
padding: 0.35%;
list-style-type: none;
font-size: 12px;
font-weight:bold;
position: relative;
text-align: left;
cursor: pointer;
width: 100%;
/* 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: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
font-weight:bold;
position: absolute;
z-index: 1020;
cursor: default;
width: 100%;
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;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 102%;
border: 0.35px solid #FFFFFF;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 0.35x solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 0.35px solid #FFFFFF;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-image:url(../images/template/fon_menu.gif);
padding: 0.5em 0.75em;
color: #000000;
font-family : Tahoma,Verdana,Arial;
text-indent:30px;
text-decoration: underline;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
text-decoration: underline;
/* 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-image:url(../images/template/fon_menu.gif);
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(../images/template/fon_menu.gif);
background-repeat: no-repeat;
/* 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;
/* 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;
Perhaps my formatting changes have messed up it's
presentation in I.E 7.0. I don't seem to be able to locate the
problem.
Please help.
Thanks in advance
Richard

fixed the problem.
code:
@charset "UTF-8";
/* SpryMenuBarVertical.css - Revision: Spry Preview Release
1.4 */
/* 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: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 100%;
/* 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
margin: 0;
padding: 0.35%;
list-style-type: none;
font-size: 12px;
font-weight:bold;
position: relative;
text-align: left;
cursor: pointer;
width: 100%;
/* 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: -5% 0 0 0%;
padding: 0;
list-style-type: none;
font-size: 100%;
font-weight:bold;
position: absolute;
z-index: 1020;
cursor: default;
width: 100%;
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: 150px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 102%;
border: 0.35px solid #FFFFFF;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 0.35x solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 0.35px solid #FFFFFF;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-image:url(../images/template/fon_menu.gif);
padding: 0.5em 0.75em;
color: #000000;
font-family : Tahoma,Verdana,Arial;
text-indent:30px;
text-decoration: underline;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
text-decoration: underline;
/* 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-image:url(../images/template/fon_menu.gif);
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(../images/template/fon_menu.gif);
background-repeat: no-repeat;
/* 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;
/* 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;

Display issue with vertical windows start menu and dual screen

Hello everyone
I never reported it and I didn't find any information on google or mozilla support about this so here it is :
I am on windows 7 and I set up my windows start menu vertically. I also have 2 screens. These both points are important. If I put the start menu horizontally I do not have the issue anymore, and If I turn off one screen to have the display only on one screen, I do not have the issue anymore, which is a rare setup I guess so it could explain why this bug has never been detected.
HERE IS THE ISSUE
I have display issues on website with a big width, even the default add-ons Manager firefox page doesn't display correctly. Here is a screen shot:
http://img15.hostingpics.net/pics/368172bugFirefoxDisplay.png
So as you can see the disable and remove button on the right are not displayed, and at the bottom there isn't any scroll bar to scroll ! So I have no way to display the information on the right of the page, and it happens on a lot of other website (gmail, etc)
It is not such a big issue because my start menu is on my left screen and I can move firefox on the right screen to have a correct display.
I still think this is worth reporting this bug. I hope it is clear, feel free to ask questions if you didn't understand.

You can try to disable hardware acceleration in Firefox (you need to close and restart Firefox).
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration

MenuBar sub-menu displaying off edge of screen

I have a Menu Bar with one MenuBarItem that is placed at the
very top right of my application. The first time I click on the
MenuBarItem, part of the Menu is displayed off the edge of the
visible screen. The second time I click, it displays correctly. Has
anyone else experienced this? Is there workaround? I have submitted
a bug for this issue, but I would really like to find a workaround.
Thanks.

@Greg:
Thanks for the link. The workaround on that page was not
useable for me, but, from there I eventually linked to this bug:
https://bugs.adobe.com/jira/browse/SDK-15555
There I found the following workaround, and this appears to
be working as I need it to now. (The workaround at that link uses
an listener/handler for the INITIALIZE Event, but the Menu does not
yet exist at this stage, so I used the CREATION_COMPLETE
Event.)

Adding sub-menus wrecks main menu bar display

I have just learned to create a Spry horizontal pull-down menu. I have dark gradient images for both the 'up' and 'down' states, and I've set my text attributes and everything works fine.
(I'm new, but trying hard.)
HOWEVER - I have 2 problems:
as soon as I add in sub-menus to a menu item, the gradient images fail to show on the main menu for that menu item only. I just get a white block, out of which you obviously can no longer read the white text. The gradients and other attributes immediately apply beautifully to the sub-menu items (even though I haven't even applied any attributes to them yet!), but they are lost from the main menu bar wherever I apply sub-menus.
ALSO - although the 'up' state gradient image works fine behind the menu item, the downstate does not show when I hover my mouse over it. I've checked that the 'up' and 'down' files are not identical, and I've ensured that they are both applied in the CSS.
When I remove the sub-menus - works fine. Add 'em back in, problem recurs. Applies to whichever menu item I apply the submenus to.
I have downloaded the latest version of Spry (no idea which version I already had) but can't see where to install it or how to run setup. Why are things never easy...?
I am using Dreameaver CS4 v10 and Chrome browser. Same thing happens in Firefox, IE and Safari - no difference.
Please forgive my newness. I have had a look at other similar forum posts but although people seemed to have linked issues, they were not the same.
Anyone any ideas? I am getting desperate. Been trying to fix it by myself all day.
Thanks
Nicola

Nicola,
The Fact: It's all in the markup and the CSS.
The Problem: We are not privy to your markup and CSS and as such cannot help you.
The Solution: Supply a link to your site, or at the very least, copy and paste your code here
Gramps

Sub menu browser display issue

Similar Messages

Maybe you are looking for