Floating Items in the browser window

I have a stage that is 4000 some pixils wide.
I have some items tht i would like to be on screen and in a fixed position no mater where you scroll.
2 to be centered - content and intro
1 to be top left and  - logo
one to be top right - contact
i have the following code that is present in the compisioionReady that floats a symbol named content in the center of the browser window.
i need to add the other 3 items to this code.
Thoughts?
$(document).scroll(function(){
    var leftEdgeWindow = $(this).scrollLeft()
    setLeftEdge(leftEdgeWindow);
function setLeftEdge(base){
    //get the content symbol
    var contentObject = sym.getSymbol("content");
    //here it is in jQuery
    var content = contentObject.getSymbolElement();
    //get some important widths
    var contentWidth = content.width();
    var windowWidth = $(window).width();
    //find the left edge position
    var leftEdge = base + (windowWidth/2) - (contentWidth/2);
    content.css("left",leftEdge);
    //content.css("position", "fixed");
setLeftEdge(0);

Hi, blonde_rik-
You can also just set the CSS position on these specific elements to "fixed":
sym.$("content").css("position", "fixed");
-Elaine

Similar Messages

  • Can't select menu items in top 25% of the browser window much of the time.

    Running Windows 7 Pro on a new (2-months) HP Ultrabook with FF 15.0.1. Many times, selectable items do not work, but generally in the top 20-30% of the browser window. With the pointer hovering over selections, it does not change to indicate is a selectable item, nor will it let you select. It happens on well-known websites such as Yahoo!, HP, etc. It doesn't do this all the time, but I'd say at least 50% of the time, even if you reload the page and allow all sites with NoScript. There is no filtering warning.

    That problem can be caused by an extension like the Yahoo! Toolbar or a Babylon extension that extents too much downwards and covers the top part of the browser window and thus makes links and buttons in that part of the screen not clickable.
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
    *Do not click the Reset button on the Safe mode start window or otherwise make changes.
    *https://support.mozilla.org/kb/Safe+Mode

  • How do i get my navbar to stay on one line when the browser window is minimized?

    I am new to coding and have just created my first website in html and css.  I know that the coding is pretty dire and that I have a lot to learn and hope that someone can guide me in how to solve this problem.  When the browser window is minimized, the navbar breaks down into 2 or 3 lines but I want the navbar to fit to the window whatever the size of the client machine.
    I think I need to add a media query but i'm not sure if i do and if so what code to use and where to put it?
    I am worried that the page will only be viewable properly on a desktop and i really want to learn how to make a fluid layout which can be viewed on 320px, 768px and 1200px.
    Any guidance would be greatly appreciated.
    Here is my code:
    HTML
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>The Engineer's Corset</title>
    <link href="styles/style.css" rel="stylesheet" type="text/css" media="screen">
    <style type="text/css">
    body {
        background-color: #000;
    </style>
    </head>
    <body>
    <div id="container">
    <div id="navbar">
        <ul id="nav">
        <li><span class="current-menu-item">Home</span></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="workshops.html">Workshops</a></li>
        <li><a href="news.html">News</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="contact.html">Contact Us</a></li>
        </ul>
    </div>
    <div id="header">
      <img src="images/final/headerbeauty3.png" width="1100" height="341" alt="The Engineer's Corset">
    </div>
    <div id="links">
    <ul id="link">
    <li><a href="https://www.facebook.com/Bristolengineer" target="_blank"><img src="images/final/fb3.png" width="200" height="45" alt="Follow Us on Facebook"></li>
    <li><a href="https://twitter.com/Engineerscorset" target="_blank"><img src="images/final/twitter2.jpg" width="200" height="45" alt="Follow us on Twitter"></a></li>
    </ul>
    </div>
    <div class="chantry">
    <img src="images/final/CD Logo fin.png" width="240" height="200" alt="Chantry Dance Company">
    </div>
    <div class="about">
      <p> The Engineer's Corset is a new play written by Janet Goddard for performance by the community of Bristol in 2015. <br>  ~ <br>
    The play is based on the extraordinary real-life events of 1843 surrounding Isambard Kingdom Brunel's near-death experience after swallowing a coin.  We travel through time to explore the adventure and horror of Victorian industrialisation. <br> ~ <br> Using a community theatre group The Engineer’s Corset tells a familiar tale of Brunel’s near death experience when he swallows a gold half sovereign. His wife Mary fights to maintain her composure but is ripped apart by the waiting game. Her servants and his workforce, using dance and sound, broaden her horizons. Just like Mary the audience too will see life in the 1840s through a different lens.</p>
    </div>
    <div class="workshops">
    <img src="images/final/bridgebridge.jpg" width="1100" height="713" alt="clifton suspension bridge">
    <span><a href="workshops.html">We will be running a series of workshops prior to production and hope you will join us.  For further information, click here.</a></span>
    </div>
    <div id="sponsorspace"></div>
    <div id="footer"> <p> &copy; Heartprints Web Design 2014 </p> </div>
    </div>
    </body>
    </html>
    CSS
    @charset "utf-8";
    /* CSS Document */
    body {
        font-family:Arial, Helvetica, sans-serif;
        font-size:125%;
    @media screen {
        #navbar:
    #navbar li {
        font: 25px Arial;
        display: inline;
        list-style-type: none;
        background: #09F;
        color: #000;
        border-radius: 20px;
        padding: 15px 25px;
    .current-menu-item {
        color: #0FF;
    #navbar a {
        padding: 15px 25px;
        background-color: #6cf;
        color: #000;
        text-decoration: none;
        border-radius: 20px;
    #navbar a:hover {
        background-color:#0FF;
        color: #000;
        padding: 15px 25px;
    #header {
        width: 1100px;
        height: 340px;
        margin-left: 50px;
        margin-top: 0px;
        margin-bottom: 0px;
        border-style: ridge;
        border-width: 5px;
        border-color:#09F;
    #links li {
        display: inline;
        width: 700px;
        margin-left: 300px;
    .chantry {
        margin-left: 40px;
    .about {
        position: relative;
        width: 860px;
        text-align:center;
        background-color: #CCC;
        color: #000;
        border-style: ridge;
        border-width: 3px;
        border-color:#09F;
        border-radius: 15px;
        float: right;
        margin-top: -200px;
        margin-right: 90px;
    .workshops{
        position:relative;
        width: 1100px;
        height: 713px;
        font-size:24px;
        margin-left: 50px;
        border-style: ridge;
        border-width: 5px;
        border-color:#09F;
        margin-top: 130px;
    .workshops span {
        position: absolute;
        background: #6CF;
        color: #000;
        left: 30px;
        top: 30px;
        right: 800px;
        padding: 15px;
        font: 1em georgia, serif;
        font-style:italic;
        text-align:center;
        border: 5px solid #09F;
        border-radius: 20px;
        margin-top: 35px;
    .workshops span a {
        color: #000;
    #link li {
        border-style: solid;
        border-color: #6CF;
        padding: 30px 10px 5px 10px;
    .info {
        text-align:center;
        width: 1100px;
        margin-top: 50px;
        margin-bottom: 50px;
    .CDC {
        float: left;
        margin-right: 50px;
        margin-left: 45px;
    .workshopinfo {
        height: 250px;
        text-align:center;
        margin-top: 50px;
    .photos {
        Height: 500px;
        text-align:center;
        margin-top: 50px;
    #footer {
        text-align:center;
        margin-top: 700px;
        color:#0CF;
    .brunel {
        margin-top: 50px;
        margin-left: 400px;
    #workshops2{
        width: 1000px;
        border-style: outset;
        border-width: 5px;
        padding: 15px;
        border-color:#09F;
        background-color: #6CF;
        margin-left: 100px;
        text-align:center;
    #workshops2 a {
        color: #000;
    #sponsorspace {
        height:  300px;
        background-color: #6CF;
        border-style: outset;
        border-color: #09f;
        margin-top: 15px;

    Give #navbar a width that is wide enough to hold all of the buttons within it.
    #navbar {
         width:####px;
    Replace #### with a pixel number large enough to hold the nav buttons.

  • Closing the browser window

    I have a page that opens vignettes [videos] built using Captivate in a new window.  What I'd like is to close this window once the video has stopped playing i.e. reached the last slide/frame.
    I've tried setting properties on the last slide in the project to "Execute Javascript" and using "window.close();" as the code. But this doesn't seem to close the browser window. If I change the JS to something like "alert('Hello');", it works i.e. I do get a JS Alert window at the end of the video.
    I am sure this is easy for folks who've been working with Captivate, but I just started using this morning so any help would be appreciated.
    Thanks.
    Captivate Newbie

    Hi there
    I'm guessing you didn't read our Frequently Encountered Issues topic that has been designed to provide the answers to some of the more commonly asked questions.
    Click here to view
    Pay special attention to the tenth item listed.
    Cheers... Rick
    Helpful and Handy Links
    Captivate Wish Form/Bug Reporting Form
    Adobe Certified Captivate Training
    SorcerStone Blog
    Captivate eBooks

  • Portlet Item Attr: "Link That Displays Item in New Browser Window"

    I have been searching the forums for a similar experience, but haven't found anything quite like this:
    I have a couple of portlets. One is a Discoverer Portlet, the other is something more basic: The "Developer News" portlet from the 9iAS Community portlet provider.
    After defining the portlets and looking at them, I edit the page and click the Edit button (little pencil) to edit the attributes.
    There are radio buttons for Display Options.
    One option is: "Link that Displays Item in New Browser Window."
    When I select this, OK, and then go back to the page, **the portlet doesn't show at all any more! There is no link, no nothing. Note that I have defined a Display Name, which should be the text for the link.
    It would seem that this feature flat out doesn't work.
    This technique for a popup works fine for an "Item" defined in an item region.
    Anyone?

    Yes -- I did do that after reading an article on metalink about such issues.
    This actually changes the problem.
    When I add the "Display name and image link" attribute to the region, I now do get a link.
    However, clicking it brings up an undefined Discoverer portlet.
    It works great for non-Disco portlets. For instance, I was able to pop up the "Developer News" portlet from the Oracle 9iAS Community portlet provider.
    I think the problem is that the link that Disco produces does not provide enough information to bring up the particular portlet. For instance, the URL does not have the workbook name, the worksheet name, the parameter values, etc.
    If anyone uses Disco w/ the portal, I would be curious to hear if anyone can reproduce this apparent bug / limitation.

  • Open references of other list items from a list item in the same window or tab

    Hi there,
    We have migrated from lotus notes to sharepoint. We have converted the lotus notes forms to sharepoint forms. Basically the list items are pages and there are links of other pages in a page.
    My problem is I want to open the other pages in the same tab or window and not in a separate window.(currently the links open in a separate window which is not the requirement.)
    In terms of sharepoint I would say,
    I have references(links)  to other list items of the list in a single list item. I want to open the other list items in the same window (tab).
    How can we achieve this?? If possible without much codes??
    Please suggest.
    Any help will be highly appreciated.
    Thanks in advance

    See:
    *http://kb.mozillazine.org/browser.link.open_newwindow
    *1: current tab; 2:new window; 3:new tab;
    For links opened via JavaScript you can look at this pref:
    *http://kb.mozillazine.org/browser.link.open_newwindow.restriction
    You can open the <b>about:config</b> page via the location/address bar.
    You can accept the warning and click "I'll be careful" to continue.
    *http://kb.mozillazine.org/about:config

  • How do I get back the File Edit View History Bookmarks Yahoo! Tools Help that used to be at the top of the browser window above the taps

    how do I get back the "File Edit View History Bookmarks Yahoo! Tools Help" line of text that I could click on for options that used to be at the top of the browser window above the taps

    I did that (I think I did) however the confusion is that I get only part of the menu and not the most important menu items like "file" "edit" etc. with all the drop downs. It is so freaky - my other computers have no problem like this and I and show the menu bar or not just like you described. I really doubt anyone really understands my problem with it. I took some screen shots of the good computer version and the bad one so someone can "see" exactly what I am seeing. This may be a one of a kind gremlin issue, LOL. Anyway, without those menu items, I am very limited on the usefulness of FireFox on that computer so I have to rely more on Chrome for those features and use the FireFox with Billeo and other tools that still work. Someday it may magically fix itself, LOL.
    Of the two images, one is the good computer and the other is the bad. The bad one shows the only way to see the menu items however they disappear after I am done with the custom menu and no other time can I get the items to "appear" it is like they are there but cannot get them to show when in the normal menu bar mode.

  • Can Firefox themes be expanded to fill more of the browser window?

    I love the themes for the firefox browser window. The only complaint I have is that I would like the theme to cover more of the browser window at the top. Lots of the theme pic is covered up by the tools at the top. It would be nice to be able to see more of the theme picture in the near future.

    Add extra empty toolbars if you want to see more of the persona.<br />
    You can create extra toolbars to get extra space via View > Toolbars > Customize<br />
    You have to put something on a toolbar (drag a Space item onto it) before closing the Customize window because empty toolbars are automatically removed.<br />
    See http://kb.mozillazine.org/Toolbar_customization

  • How do I stop text from resizing to the size of the browser window

    Hello there,
    I am using a DW CS3 template that has a sidebar div and a
    main content div - the text in the main content div keeps resizing
    to the size of the browser window - I don't want the text to resize
    if I make the browser window smaller - I want it to remain the
    same. I am trying to float the text right and input a width but
    this is not working for me. What am I doing wrong?
    HELP!
    Many thanks!

    >>What am I doing wrong?
    Not giving us a link to the uploaded page so we can see the
    page, how it
    behaves and the actual code.
    Until we see that you are unlikely to get a definitive
    answer. The problem
    is unlikely as you state it because text itself is never
    dependant on the
    browser viewport size.
    Walt
    "Fun Leprechaun" <[email protected]> wrote
    in message
    news:g9f7rq$ie4$[email protected]..
    > Hello there,
    >
    > I am using a DW CS3 template that has a sidebar div and
    a main content
    > div -
    > the text in the main content div keeps resizing to the
    size of the browser
    > window - I don't want the text to resize if I make the
    browser window
    > smaller -
    > I want it to remain the same. I am trying to float the
    text right and
    > input a
    > width but this is not working for me. What am I doing
    wrong?
    >
    > HELP!
    >
    > Many thanks!
    >

  • Opening new tabs makes the browser window wider

    when opening a new tab in safari
    it makes the browser window bigger (at the bottom)
    but not only at the bottom actually
    after a few close-open's it also starts growing at the top
    and for me it's unacceptable cause there are folders that i need fulltime access to (at the top)
    is there a way (a script) to prevent safari "grow" and make the browser window bigger in a while ?
    i don't really know why is it happening because if you press cmd+t it opens a new tab and the browser window kinda slides bigger at the bottom but then if you press cmd+w it does the opposite and the browser window stays the same size after those actions
    i can't follow but after some time it starts to be bigger not only at the bottom
    it grows til the dock and then starts growing at the top
    is there a way to prevent that ?
    i mean take opera for example. it always stays the same size and new opened tabs take the "inside space" if you know what i mean. the browser window doesn't get bigger. there is space allocated especially for tabs
    i like safari but it is very important for me that it stays the same size all the time
    i have all windows and folders situated exactly where i want them and if something moves and covers other items, it gets uncomfortable
    thank you

    nimionsergei wrote:
    (i have 'secrets' app installed and it makes pop up windows open in the same browser window, so it might be becasue of that)
    Yes, it sounds like this is the cause.
    Some pop-up window code forces the new window to be a certain size. Since it's intended to open in a new window, that normally wouldn't cause problems. But you're forcing the pop-up to open as a new tab in the current window, which causes the current window to be resized to that new page's defined size.

  • Link That Displays Item In New Browser Window

    Hi,
    We use Oracle Portal Version: 10.1.4.0.0 (Build: 594).
    We've found that the following setting doesn't seem to work.
    Link That Displays Item In New Browser Window
    Even with that set on items, items ALWAYS open up in the same window,..not a new one.
    Has anyone else experienced this or is it just us?
    thanks

    Hi, this is a "bug". You need patch 5026969 to solve it.
    More info is in note 358722.1 - Items Are Opened In The Same Browser Window Even Though The Option 'Link That Displays Item In New Browser Window' Is Set.
    Regards, JW

  • I click on a link or start typing text in a box on a webpage, any page, and the browser window either randomly changes size, reduces & goes to the toolbar, or some other strange random thing occurs. Why is this?

    Whenever I am using Firefox, when I am on a webpage (any webpage) & I either click on a link in that page, start typing in a box, click on a button, or click on a tab, the browser window either reduces to the toolbar, or just changes size, usually from full-screen to 2/3 of its size. I reinstalled Firefox (downloaded from the web) after wiping my hard drive because I was having so many problems from my browser constantly crashing, to the computer itself crashing often, to the computer running exceptionally slow. At first everything seemed fine. But then after having opened my computer a few times, a few different windows began to freeze, then that stopped, then this thing with the browser started a few times later after opening it. Now it does it every time I open it. Also, whenever I try to click on a button on other windows on my computer, I get the 'warning' sound, nothing happens, then after a couple more tries, the button works. All of this is just weird. I had antivirus protection on my computer, but it apparently did not catch whatever virus infected my computer, or the damage was already done when it did get it. I thought once the hard drive was wiped, that everything would be ok, but then these weird things began to start up, and now I am wondering.... Of course, it could also be something wrong with the browser, too. I've also had some trouble getting my printer to working again, but I've managed to solve that problem.

    I have had a similar problem with my system. I just recently (within a week of this post) built a brand new desktop. I installed Windows 7 64-bit Home and had a clean install, no problems. Using IE downloaded an anti-virus program, and then, because it was the latest version, downloaded and installed Firefox 4.0. As I began to search the internet for other programs to install after about maybe 10-15 minutes my computer crashes. Blank screen (yet monitor was still receiving a signal from computer) and completely frozen (couldn't even change the caps and num lock on keyboard). I thought I perhaps forgot to reboot after an update so I did a manual reboot and it started up fine.
    When ever I got on the internet (still using firefox) it would crash after anywhere between 5-15 minutes. Since I've had good experience with FF in the past I thought it must be either the drivers or a hardware problem. So in-between crashes I updated all the drivers. Still had the same problem. Took the computer to a friend who knows more about computers than I do, made sure all the drivers were updated, same problem. We thought that it might be a hardware problem (bad video card, chipset, overheating issues, etc.), but after my friend played around with my computer for a day he found that when he didn't start FF at all it worked fine, even after watching a movie, or going through a playlist on Youtube.
    At the time of this posting I'm going to try to uninstall FF 4.0 and download and install FF 3.6.16 which is currently on my laptop and works like a dream. Hopefully that will do the trick, because I love using FF and would hate to have to switch to another browser. Hopefully Mozilla will work out the kinks with FF 4 so I can continue to use it.
    I apologize for the lengthy post. Any feedback would be appreciated, but is not necessary. I will try and post back after I try FF 3.16.6.

  • How can I close a remote front panel by closing only the browser window?

    I control a remote front panel in a browser (from the client PC). If I don't use the 'close' - button in my program to end the remote front panel, but instead of this the 'x' of the browser window (in the right bottom corner), my program won't be close, it continues on the server. Do you know how to end a VI by closing only the browser windows?
    Thanks for any help!
    wolfe

    I found the examples. Thanks.
    But I could not find a solution yet. Now I know how to end a VI by clicking on the x of the VIwindow.
    My problem is, to end a VI by clicking on the x of the BROWSER window after I loaded and controlled a remote panel VI in a browser (e.g. IE).
    If you have any ideas ... I'd be happy.
    Thanks for your help.

  • When I have the downloads window open and I close the browser window, how can I get the browser to open the homepage the next time I start it while the download window is still open?

    When I have the downloads window open and I close the browser window, the next time I reopen the browser while the downloads are still going, it returns me to the last page I was on. All previous versions of Firefox would return me to my homepage which I would prefer. Please let me know if this is possible.

    When you re-open Firefox and choose Restore Session, by default it picks up your most-recently-open window, and the other windows should then show up in Recently Closed Windows.
    The Firefox add-on Session Manager lets you manage how many closed windows and closed tabs are saved, in case it's not enough.

  • Closing the browser window in the runtime

    Hi all,
    How to close the browser window at the runtime?
    It should be based on the button click....

    With the JavaScript function window.close().
    See e.g. here an example and a remark on its usage:
    http://www.javascript-coder.com/window-popup/javascript-window-close.phtml
    Jan Kettenis

Maybe you are looking for

  • Can I use parallel and multiplexed mode?

    Hi, I have a NI USB-6259 DAQ Module (Two Connectors with to Cables to two SCXI-1349, which connects the DAQ to the Chassis) a SCXI-1001 Chassis 3 SCXI-1143 8 Channel Low Pass Filter Modules and a SCXI-1180 Front End Plate As the DAQ has 16 diff. AI C

  • Satellite Pro A200 PSAE4E doesn't boot after XP BIOS update

    Hi there, I need some help!!! just recieved laptop, tested all ok with Vista business and everything works fine. Now i have a requirement to test a build for a duel boot XP laptop and followed the enclosed instructions for changing the BIOS to enable

  • Itunes wont burn a CD

    When ever I try to burn a CD to listen to, it starts to initializing when I click burn disk and then stops. A new window will then pop up saying this......."The attempt to burn a disc failed. The device failed to calibrate the laser power level for t

  • HELP says there is an "eport bookmarks" option in the bookmarks tab, but there isn't. I'm using Firefox 4.1

    I wanted to export my bookmarks into Safari because in Firefox I can't open up and view friends pictures in Facebook. I'm using both browsers now (Firefox & Safari (for FB) I wanted to export my bookmarks from Firefox to Safari. The Help section in F

  • SCCM connector finished with error at 70% in SCSM 2012 R2

    Hi All, SCCM Connector is not working MY environment  details SCCM 2012 R2 SCSM 2012 R2 without any UR The connectors were working fine , but suddenly today its status is finished with error and stuck at 70 % Got the below in the event viewer Data sy