Re-sizing the browser window

Ever since I got Firefox 4.0 my browser window won't re-size like it used to. When I go to make the window size smaller I lose the scrolling bar on the right hand side unless I keep the window very wide. I like having smaller window sizes but I can't use it the way it used to be???

If the left is being cut off, then you've designed off the left of the page in Muse Design view. The blue guides indicate the page edge and a margin guide within the page. The zero in the ruler is the left edge of the page.
The page won't be responsive  It will center as long as the browser is wider than the page. Then it will left align (on the zero point on the ruler in Design view).

Similar Messages

  • 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.

  • 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

    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

  • 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

  • How can I remove the history location bar? it takes space on the left side of the browsing window, and I cannot see all the content of a website.

    I have a history location bar taking the entire left side of the browsing window. I am on Windows 7 and this happened two upgrades ago. I am now on Firefox 8.01

    go to the view tab at the top of your browser..go to sidebar and disable the history one...hope this helps if this is what you are talking about!!

  • I cannot move, resize, minimize, or close the browser window despite everything inside the window still working.

    I don't know what details are needed so I'll just rattle off anything that I can think of.
    I am running an Asus laptop with windows 7. I have never had an issue with firefox in the past (beyond the usual freezing and some obvious issues with pop up ads that are par for the course with firefox since adblocker never does what it says.... not really. Lets be honest.) I am using Avast for my virus protection and it is also up to date.
    My issue started about an hour ago when firefox stopped responding. The video I had playing kept going but I could not interact with anything. Assuming the program froze for the billionth time that week I rebooted it. This has always solved freezing issues in the past. Now, however, firefox is doing something new.
    I can access the menus and almost everything on the window itself except for the minimize/maximize/close buttons, I cannot move the window at all, and I cannot manually resize it. I have also noticed that although videos will play, I can only click on their buttons if there is another smaller window overtop of firefox. The video controls will only appear that way and when I click them firefox naturally comes to the front and the video responds with the button I used but the buttons are gone again and I cannot resume playing without the smaller window back in front to make the buttons show again.
    It's as if half of firefox is frozen while the other half is still running somehow.
    I have no themes that could be causing this. Literally none. I only use firefox for the things that can no longer be opened in Opera so I have no need for any theme beyond default. The only addons I installed on purpose were adblockers (lord knows why. they don't DO anything.) though several other random things seem to have been installed over time to aid in one thing or another. Various plugins and players and versions of java, that sort of thing. But I have everything (and i mean EVERYTHING) in the addon menu disabled.
    I have tried booting it up in safe mode (the program, not windows) and the problem is still there except now it won't show the menu bar at all unless I press the alt key first and even then it wont let me actually click on anything in the menu bar. When I try the whole bar vanishes. I had to close firefox with the task manager.
    Rebooting will fix the issue for about 15 seconds before it all comes back.
    Any attempts at updating have failed as it says I am already up to date on everything so I don't know what its issue is.
    It's not an urgent issue right now as most of what i need to do can be done on the half screen window I am using, but some of my sites have buttons that literally vanish in anything but full screen and I imagine that this will be a much greater annoyance within a few days.

    After following all the instructions given, I poked around safe websites as suggested. I am not sure why this step was needed, as websites functioned rather normally before I came here but I did it anyways and found that the websites still work the same as they did. I can still do everything I used to be able to do. I see no change in the function of the websites.
    However, I still cannot resize, close, or move the browser window. I don't know if Netflix is a safe site or not (too many conflicting opinions on that one from the masses) so I don't know if the issue with the vanishing buttons is still there, but all the issues I had with the browser window itself is still there.
    Even in safe mode the browsers three window control buttons on the top right refuse to let me use them and the window itself will refuse to be moved around.

  • Dynamic position of an image at the right bottom of the browser window

    Dear Dreamweaver-community,
    I'm trying to have an image positioned at the bottom right of a html-page. It is embedded in a table so that it doesn't interfere with the rest of the site's content (which it would if I simply used an absolute position). The height of the table is height=100% and I thought that this would make sure that if the browser window is being dragged smaller or bigger the image stays at the bottom right (just as the content stays centered if you set the width of a table to 100% and center it). But if you make the browser window higher the image won't keep sticking to the right bottom but will stay in one place while the rest of the page (bottom) is simply filled with the black background color. Do you have any ideas what I'm missing out on? Is there something like a valign-tag for a table or the page's body that dynamically keeps the image at the bottom right position no matter how you change the size of the window? I hope you can help me. Thank you!
    Missy
    Here's the code:
    <body bgcolor="#000000">
    <center>
    <!-- Start Content-Tabelle -->
    <TABLE BGCOLOR="#000000" BORDER=0 CELLPADDING=0 CELLSPACING=0 width=100% height=100%>
         <TR>
              <TD width=100% align=center valign=top>
                   <p> </p>
                <IMG SRC="images/kopf.jpg" width=300>
              </TD>
         </TR>
         <TR>
              <TD width=100% align=center valign=top>
                   <IMG SRC="images/text.jpg" width=394>
              </TD>
         </TR>
         <TR>
              <TD width=100% align=center valign=top>
                   <a href="mailto:[email protected]"><IMG SRC="images/post.jpg" border=0 width=269></a>
              </TD>
         </TR>
    </TABLE>
    <!-- End Content-Tabelle -->
    <!-- Start Wuerfel-Tabelle -->
    <TABLE BGCOLOR="#000000" BORDER=0 CELLPADDING=0 CELLSPACING=0 width=100% height=100>
         <TR>
              <TD width=100% align=right valign=bottom>
                   <IMG SRC="images/wuerfel.jpg" width=200>
              </TD>
         </TR>
    </TABLE>
    <!-- End Wuerfel-Tabelle -->
    </body>

    Below is your complete page. Copy all, paste into a Dreamweaver document, save and view in browser.
    <!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>
    <meta name="keywords" content="Mario, Klingeberg, Mario, Klingeberg, Grafik, Illustration, Design, Grafikdesign, Grafik-Design, Illustrator, Bachelor, Medienmanagement, Mediendesign, Medien, IJK, Hannover, Bauch Beine Po, bauchbeinepo, Adobe, Photoshop" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Mario Klingeberg</title>
    <style type="text/css">
    html, body, #container {
    height:100%;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    background-color: #000;
    table td {
    vertical-align: top;
    text-align: center;
    </style>
    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
    try {
    var pageTracker = _gat._getTracker("UA-15622817-1");
    pageTracker._trackPageview();
    } catch(err) {}</script>
    </head>
    <body>
    <table id="container" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><img src="images/kopf.jpg" width="300">
    </td>
    </tr>
    <tr>
    <td><img src="images/text.jpg" width="394">
    </td>
    </tr>
    <tr>
    <td><a href="mailto:[email protected]"><img src="images/post.jpg" border=0 width=269></a></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td style="vertical-align: bottom; text-align: right;"><img src="images/wuerfel.jpg" width="200" height="90"></td>
    </tr>
    </table>
    </body>
    </html>

  • My Adobe Reader toolbar that allows you to save, print, email, etc. the document in the browser window/tab has disappeared and I want to know how to get it back.

    I was unable to view PDF files in Firefox and would get a blank screen telling me I needed to re-install Adobe. I did that and was still unable to view PDF files in the browser window or tab.
    Now that I have upgraded to the most current version of Firefox I no longer have the Adobe Reader toolbar that used to be a toolbar above a PDF file when viewing in the browser window or tab. I don't have the printer icon, floppy disc icon, email icon, page arrows to scroll up or down, the percentage for size, etc. Is there a way to be able to have this toolbar again?

    I do not use Adobe Reader, but use Foxit Reader in its place, and had the same problem. In Foxit Reader, I right-clicked in the area at the top where you would expect the toolbar to be (it was a blank area immediately above the displayed PDF file), and chose which toolbars to display and that has "stuck" and I still see the Foxit toolbars when I load a PDF file after system shutdown overnight. The only problem is that the area where you would expect the toolbars is still there and blank, but the toolbars that I selected appear immediately below that blank area. See if that works in Adobe Reader for you.

  • I was viewing a page online, and somehow it zoomed out so the page is tiny in the browser window. How do I zoom back in?

    I was viewing a page online, and somehow it zoomed out so that the page is now tiny in the browser window. I've shut down all my windows and rebooted my computer, but every time I return to that page, it is still tiny. I've looked for a button to control the zoom, but cannot find anything. How do I zoom back out so the page is the correct size again?

    See this: <br />
    https://support.mozilla.com/en-US/kb/Page+Zoom

  • The title of a music won't appear in the browser window.

    The song appears in iTunes, but it does not appear on the browser window in Aperture.  The song title is a mixture of Japanese and English text and it was sampled from an original CD.  The browser does list other songs that have only Japanese, only English, or a mixture of the two.  Also, it's not other listing songs too.  Any thoughts?  Thanks.

    Might need to "recreate" your iTunes library, read here.
    http://support.apple.com/kb/ht1451
    And launch iTunes. From the menu bar click Store / Authorize This Computer.

  • How to change the web icon in the browser window

    i have created my site and cant find how to change the icon in the browser window (like they have done at the top of this page with the Adobe icon before the  Adobe Forums: text )would anyone be kind enough to give me some help??

    Do you mean the favicon?
    I only just recently learned about favicons myself - so if you google the word you'll get lots of resources for it. Bascially it's a little icon file that sits at the root directory of your site that the browsers find and display for you. As long as the file is there (*named favicon.ico*) it will show up automatically if I'm correct in what I've read.
    Is this the thing you're looking for? (edit: it also shows up in your bookmarks list in firefox - if this is the one you want that's the favicon file)

  • How to create an MenuBar that stays at the top of the browser windows?

    We are trying to develop a screen in WDA. It has a menu (UI element MenuBar) at the top. Based on the menu selection it calls a WDA to display below the menu. The requirement is to have the menu bar be stationary. The bottom container (TransparentContainer) with the WDA object is allowed to scroll, but the menu on top should not move. The scrolling should be dynamic based on the browser window. The bottom WDA can have more data then can fit on the screen.
    How can we make the menu stationary and the called WDA scrollable? The scroll bars should automatically update due to different browser window sizes.

    Hi,
    Thanks for your response. Our system is functioning on SAP Ver. 7.00, Service Pack 16. I do not know when or if we will be getting the upgrade to 7.01 or 7.02.
    As far as separating the menu and the actual view, each menu selection leads to the loading of a different WDA view inside the TransparentContainer by dynamically linking the ViewContainerUIElement to different WDA views. The trouble here is that when the View becomes too large, we will have to scroll off to the right or down to see additional content. This results in the menu not being accessible unless we scroll back. The requirement is to have the menu stay at the top of the page no matter how the user scrolls through the secondary view container below the MenuBar element.
    So far our best solution was to place an arbitrary pixel size to the TransparentContainer of the view, generating in-window scroll bars for the menu-controlled view. The MenuBar always stays visible because it is on top of the scrollable container. However, with varying screen sizes, set-pixel-size is not an ideal solution. I am hoping that there is a more elegant solution than set pixel size since % does not work with height size setting.
    Are there any ways to achieve this via 7.00 layout settings? Or perhaps a method to detect browser window size? Any ideas are greatly appreciated.

Maybe you are looking for