Facebook "top bar" scrolls off

One of the features of Facebook, and other sites, is that no matter where you are on the site, some content stays fixed. For Facebook, this is the top bar which has the notifications, the search, and a couple of buttons like your account information.
In Safari 6, this bar stays at the top just fine as long as you are on the page's natural font size. You can scroll up and down all day and the top bar stays there. However, if you zoom in a bit to make the font bigger, eventually scrolling down causes the top bar to scroll up and become not visible. This is true no matter where I am on the page. If I'm at the top, and then zoom, it will start to scroll off right away. If I'm half-way down the page and zoom, the bar shows up as being there, and then scrolls off.
So, it isn't like the bar just goes away. It starts in the right place after a zoom operation, but then doesn't bahave properly when you scroll.
I find this very annoying. This does not happen in Chrome. I can make the fonts much bigger, and the bar stays there. As such, I'm still using Chrome.
Note: this didn't work on Safari 5, either, but I figured they would have fixed it by now!

More testing...
On Chrome on Mac, and Chrome on Windows, if the top bar of FB is "all visible", meaning you haven't zoomed in so much that the top bar has lost some of the test to the right of the window or the left of the window, it always stays. If you zoom in a lot such that, say, the "home" link, which is the right-most link of the FB bar, is outside the scope of the window, even Chrome doesn't keep the top bar in place.
On IE under Windows 7, it operates just like Safari - any zoom causes the top bar to scroll away.
I guess this isn't just a Safari thing, then, but Safari should still fix this!

Similar Messages

Can't move window whose top bar is off screen

I have a window whose top bar is off the screen. The window is a preferences window. Because part of the window is off the screen, I can't properly set the preferences. The program is Quicksilver, but this is a general problem in Mac OSX and I would like a solution for the general problem.
The window got offscreen when I detached an external monitor from my laptop. The window moved from the external screen to my computer's screen, but it moved above the screen. I can see the window in expose, and the bottom of the window normally.
Because the top of the window is above the screen, I am not able to move it. There is no option to maximize the window in the menu bar's "window" setting -- only minimize and close. If I close the window and reopen it, it reopens in the same place.
The general solution on the internet is to use an applescript to move the first window of the first process, but possibly because this window is a preferences window, the applescript does not work.
Is there a way, any way, in mac os x to move any window that is not to drag the top bar? I'm getting really frustrated at this stuck window.

One thing that works sometimes is to change the resolution on your monitor. That might put the window where you can reposition it, then you can put the resolution back where you like it.
charlie

New update top bar cuts off screen

Not sure of another way to describe it but the tops of certain apps and games is completely obscured now by the time and battery life bar at the top.

Try a reset. Hold the on/off and home buttons together for about 10 seconds till the Apple logo appears.

How to remove a black border box that continously tabs to each field automatically till end of web page; restarts to top of page, cannot stop this box. Scroll bar cannot controlled with mouse, returns auto to top of scroll slide, never remaining at bottom

how to remove a black border box that continously tabs to each field automatically till end of web page; restarts to top of page, cannot stop this box. Scroll bar cannot be controlled with mouse, scroll bar returns automatically to the top of scroll slide every time I move the bar to the bottom of the scale. Also, there's a rectangular text box (with black background and white text) that is always on the desktop that emulates a typed text, HTML, or cmd function.

cjuan1morb4ulv wrote:
how to remove a black border box that continously tabs to each field automatically till end of web page; restarts to top of page, cannot stop this box. Scroll bar cannot be controlled with mouse, scroll bar returns automatically to the top of scroll slide every time I move the bar to the bottom of the scale. Also, there's a rectangular text box (with black background and white text) that is always on the desktop that emulates a typed text, HTML, or cmd function.
The first two problems (box cycling from element to element on page, scroll bar returning to top) can be caused by a stuck (or defective) Tab key on the keyboard. Such damage can be caused by a liquid spill; just one tiny droplet is enough to short a wafer switch under one key.
The last issue (black box, white text - sounds sorta like a debugger window) I haven't seen, but could be caused by something similar.
To check for that, try using a different keyboard. If you're using a wireless keyboard, turn it off and see if the oddities stop.

How do I turn off the automatic full screen feature that makes the top bar (with the minimize buttons) disappear?

I just downloaded Firefox 4 on a Dell laptop with WinXP. When I'm in a browser window the window resizes automatically and the bar at the top (with the minimize, full and close buttons) disappears. When I drag the cursor up to the top the window resizes again and that top bar appears. Makes me crazy. How do I turn it off?

I'm not aware of the behavior you're describing. I've never seen it, and just tested it for myself. I cannot get windows to zoom to full screen just from moving them to or along the top of the screen. Is this only happening in Photoshop? If so, it may be a Photoshop issue. If not, have you installed any kind of third-party software that might be doing that? Try rebooting in safe mode and see if the problem persists then. If it doesn't, but comes back when you reboot normally, the problem is caused by some third-party software you have installed.

When I turn on my wifi in top bar and connect,minutes later I get an annoying pop up notification letting me know I'm connected, AGAIN. It freezes everything including psswds and I have to start all over This is petty but how do I shut this popup off?

When I turn on my wifi in top bar and connect,minutes later I get an annoying pop up notification letting me know I'm connected, AGAIN. It freezes everything including psswds and I have to start all over. This is petty, but how do I shut this popup off?

What OS X version are you using?
Can you take a screenshot of the pop-up notification?
To take a screenshot hold ⌘ Shift 4 to create a selection crosshair. Click and hold while you drag the crosshair over the area you wish to capture and then release the mouse button. You will hear a "camera shutter" sound. This will deposit a screenshot on your Desktop.
If you can't find it on your Desktop look in your Documents or Downloads folder.
If you want to attach a screenshot to a response here, click the "camera" icon above the text field:
This will display a dialog box which enables you to choose the screenshot file (remember it's on your Desktop) and click the Insert Image button.
⌘ Shift 4 and then pressing the space bar captures the window the cursor is on.
⌘ Shift 3 captures the entire screen.

Removing "Log Off" from top bar

I have been setting up some guest login pages for a test bed portal and have noticed that "Log Off" is no longer visible on the top bar next to my account.
Any suggestions?

This is pretty much what I would expect, wouldn't you?
If you're not logged in (in other words, logged in as guest), you can't log off, so there shouldn't be a logoff button.
Perhaps I don't understand you correctly . . . what would you expect the log off button to do if you're on the guest login page?
Chris Bucchere | bdg | [email protected] | http://www.thebdgway.com

Help docking fixed nav bar to top on scroll

Help docking fixed nav bar to top on scroll
Hello,
I'm trying to get a nav bar that is positioned in the middle of a page to "dock" with the top of the browser when it is scrolled to, and undock when the browser is scrolled back up past it.
An example of this can be seen on http://lesscss.org.
Is there any way to do this in Muse?
Thanks for your help / suggestions.

I am familiar with the pinning feature.
I would like the user to be able to scroll down the page and once the nav bar that was once in the middle of the page is at the top, for it to dock or pin then. And when the user scrolls back to the top the nav bar will return to the middle of the page.
If you wouldn't mind taking a closer look at http://lesscss.org there is an example of exactly what I am talking about. The navigation bar is in the middle of the page and it doesn't pin until the user scrolls to the top.
Thanks!

Spry Menu Bar jumps off screen-right in CS6

Frustrating little glitch I'm experiencing. When in a NON-LIVE mode in CS6, I have a Spry Menu Bar that I've placed, customized and is functioning properly. It is precisely in the right location in BOTH live mode and in a browser preview, however, when I am editing the site the menu bar jumps off screen right to where I have to scroll right to locate it. The only thing that pops it back in to place is by tweaking a setting like "Float" from right to left then back to right. But once I begin to edit the site again it will jump off the screen. This isn't a massive deal since it remains in place in live and preview modes, it's just annoying for layout purposes while I'm editing. It sort of screws up the aesthetic of the layout. Has anyone found the same problem? Below is my layout.css and my Spry Menu css.
@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
    max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:        6;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    15;
    Inspiration from "Responsive Web Design" by Ethan Marcotte
    http://www.alistapart.com/articles/responsive-web-design
    and Golden Grid System by Joni Korpi
    http://goldengridsystem.com/
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 95.8695%;
    padding-left: 1.0652%;
    padding-right: 1.0652%;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#header {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#maincontent {
    clear: none;
    float: left;
    margin-left: 2.6785%;
    width: 100%;
    display: block;
#navigation {
    clear: none;
    float: left;
    margin-left: auto;
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #300;
    height: 16px;
    top: 5px;
#footer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    color: #FFF;
    background-attachment: fixed;
    background-image: url(../bkgdContent.png);
    background-repeat: repeat;
    margin-top: 20px;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
    width: 91.4836%;
    padding-left: 0.7581%;
    padding-right: 0.7581%;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#header {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
#maincontent {
    clear: none;
    float: left;
    margin-left: 1.6574%;
    width: 100%;
    display: block;
#navigation {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    height: 16px;
#whf-content {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#donatecontent {
    clear: none;
    float: left;
    margin-left: 1.6574%;
    width: 100%;
    display: block;
#theride-content {
    clear: both;
    float: left;
    margin-left: 0;
    width: 49.1712%;
    display: block;
#donate-content {
    clear: none;
    float: left;
    margin-left: 1.6574%;
    width: 49.1712%;
    display: block;
#footer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
    width: 89.0217%;
    max-width: 1232px;
    padding-left: 0.4891%;
    padding-right: 0.4891%;
    margin: auto;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#header {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    color: #FFF;
#maincontent {
    clear: both;
    float: left;
    margin-left: 0;
    width: 32.6007%;
    display: block;
#navigation {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#whf-content {
    clear: both;
    float: left;
    margin-left: 0;
    width: 32.6007%;
    display: block;
#donatecontent {
    clear: none;
    float: left;
    margin-left: 1.0989%;
    width: 100%;
    display: block;
#donate-content {
    clear: none;
    float: left;
    margin-left: 1.0989%;
    width: 32.6007%;
    display: block;
#footer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#theride-content {
    clear: none;
    float: left;
    margin-left: 1.0989%;
    width: 32.6007%;
    display: block;
#whf-content {
    font-family: Georgia, "Times New Roman", Times, serif;
SPRY CSS
@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;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    float: right;
/* 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: left;
    cursor: pointer;
    width: 4.3em;
    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: 4.3em;
    position: relative;
    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
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: relative;
    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
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #300;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
    height: 16px;
    padding: 0px;
/* 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: #003;
    color: #FFF;
/* 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: #003;
    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.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* 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;

Design view is not reliable. Learn to work in Code View or Split View with Live View to check your layout.
Spry menus are not responsive so they will not work well in a Fluid Grid Layout. Find a better menu system.
Project Seven Responsive Tabs
http://www.projectseven.com/products/tools/tpm2/tutorials/responsive/index.htm
10 Responsive Menus
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
In the meantime,
It's often easier to work with an unstyled HTML page.
To disable CSS, go to View > Style Rendering > untick Display Styles.
Or, use a Design-Time Style Sheet.
http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e17a.h tml
Nancy O.

My I Mac has a pink cloud in part of the grey top bar and also if I leave it with safari or mail open when I come back to it it has closed these down and I have to re open

My I Mac has developed a pink cloud in part of the grey top bar and also if I leave for awhile with Safari or anything else left on when I return it has closed these down and I have to re open them, has anybody got any ideas how to cure these problems if possible.

For FaceTime try the troubleshooting advice given here:
http://support.apple.com/kb/ts3367
Also try resetting your iPad:
Reset: Press the Home and On/Off buttons at the same time and hold them until the Apple logo appears (about 10-15 seconds).
No data will be lost.

Stuck with HomeSync icon in top bar

Hi,
I have Snow Leopard 10.6.2 connected to Active Directory in my company. There were home sync feature enabled in active directory, but now it is disabled by AD administrator.
Now I am stuck with homeSync icon (http://img638.imageshack.us/img638/5287/screenshotqj.png) in my top bar and I can't disable it, since I can't get into homeSync preferences from system preferences gui.
I guess I can edit it manualy going into ~/Library/Preferences, but I don't know where I can find setting I am looking for (enabling/disabling homeSync icon in top bar).
Does anyone know where it is?

command+drag the icon off the menu bar.

I lost my top bar with all the settings bookmarks and stuff on

my top bar with the bookmarks settings help and other stuff has gone how can i get it back?

'''Can't see the Menu Bar''' (File, Edit, View, History, Bookmarks, Tools, Help)?
Turning the Menu Bar on and off is a new feature in version 3.6.
''(Linux & OSX see: [[Menu bar is missing]] )''
''Windows'' Method 1. '''''Hold down''''' the key and press the following letters in this exact order: V T M
''Windows'' Method 2. Press and release the key. The Menu Bar will be displayed; then choose ~~red:V~~iew > ~~red:T~~oolbars and click on ~~red:M~~enu Bar.
The Menu Bar should now be displayed permanently, unless you turn it off again using View > Toolbars. Check mark = displayed, NO check mark = not displayed.
See: http://support.mozilla.com/en-US/kb/Menu+bar+is+missing
'''Navigation Toolbar, Bookmarks Toolbar and other Toolbars''' under View > Toolbars. Clicking on one of them will place a check mark (display) or remove the check mark (not displayed).
'''To display the Status Bar''', View, then click Status bar to place a check mark (display) or remove the check mark (not displayed).
'''Full Screen mode'''
http://kb.mozillazine.org/Netbooks#Full_screen
Also see:
''' [[Back and forward or other toolbar buttons are missing]]'''
'''[[Navigation Toolbar items]]'''
'''''Other Issues''''': to correct security/stability issues
'''Install/Update Adobe Flash Player for Firefox''': your ver. 10.0 r32; current ver. 10.0 r45
See: '''[http://support.mozilla.com/en-US/kb/Managing+the+Flash+plugin#Updating_Flash Updating Flash]'''
-'''use Firefox to download''' and '''SAVE to your hard drive''' (save to Desktop for easy access)
-exit Firefox (File > Exit)
-check to see that Firefox is completely closed (''Ctrl+Alt+Del, choose Task Manager, click Processes tab, if "firefox.exe" is on the list, right-click "firefox.exe" and choose End process, close the Task Manager window'')
-double-click on the Adobe Flash installer you just downloaded to install/update Adobe Flash
-when the Flash installation is complete, start Firefox, and test the Flash installation here: http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15507&sliceId=1
*'''NOTE: On Vista and Windows 7''' you may need to run the plugin installer as Administrator by starting the installer via the right-click context menu if you do not get an UAC prompt to ask for permission to continue (i.e nothing seems to happen). See this: http://vistasupport.mvps.org/run_as_administrator.htm
*'''NOTE for IE:''' Firefox and most other browsers use a Plugin. IE uses an ActiveX version of Flash. To install/update the IE ActiveX Adobe Flash Player, same instructions as above, except use IE to download the ActiveX Flash installer.
*'''Also see''': http://kb.mozillazine.org/Flash '''''~~red:and~~''''' [[How do I edit options to add Adobe to the list of allowed sites]]

Mac's Safari will not hide the top bar when in full screen please help

So in my Safari when I enter full screen to watch a video the top bar won´t disappear no matter how long I wait and this is one of the little details that just **** me off. Here's a picture of it: http://i.imgur.com/0rGaE.jpg
Please tell me how to fix it.
Thanks.

What version of Safari and what version of iMac are you using? If you can give us you iMac Model Identifier from the About this Mac under the Apple Menu, More Info tab, that would be helpful.
Good luck.

The spotlight is missing on the top bar.. how can i fix this?

The spotlight is missing on the top bar of my MacBook Pro.. How can i fix this problem?

This could be a serious issue, I would contact Apple, if the following does not work.
You can try a SMC reset:
Power off, press left side shift,control,option.
Power up and hold the keys before the start up chime, hold them till the gear stops spinning.
As you do not say which os you are running, this can only be a guess.
If you provide more detailed info, you might get a better response.
Best

Top bar messed up sometimes since lock button got changed

Thanks apple for moving the Lock button.
Some games I cannot lock anymore, due to it's overlapping the top bar
with the battery level and time, on top of it.
normally it resizes perfectly, or it's just not there..
now I need to unlock it, in order to have it shown properly.
Thanks a lot Apple!!!!
I want the normal button back. not a crappy alert sound turning off button.

Ususally the Apple stores do not make the repairs at the Genius bar they may give you a replacement iphone i would make an appointment and see what they say.

Facebook "top bar" scrolls off

Similar Messages

Maybe you are looking for