How to make my website take up ALL of the browser space?

I have been working for a really long time on a website, and I don't know how the dimenstions work. I just used the standard dimensions that it starts you out with, but when I publish my site, the website is like a rectangle on the page sourrounded by gray, you can see what I mean here: mclayphotography.businesscatalyst.com
How can I set it so that my website takes up the entire area, or at least looks aestheitc like a regular website, rather than being just some random box.
Thanks so much for the help!

Hello,
You can choose to increase the page dimensions (page width and min height) from the File -> Site Properties section as per your choice and then the rectangle box in between (Page area) would become larger to fill more of the browser area, however, doing this also has a disadvantage. That is, if someone then views your site in smaller screen (lower resolution), there would be a horizontal scrolling bar, and they would have to scroll horizontally to look at the various sections of your site. They won't be able to view the whole site at one go, that is, without having to scroll. Muse only has fixed horizontal page width as of yet.
The gray area you're referring to is the browser fill area. So, if the idea is just to make it not look gray, you can add different browser fills from the browser fill option from the Control Panel as shown here: http://jingsite.businesscatalyst.com/jing/2013-03-13_0738.png
This would also make the browser area look attractive while still keeping the site viewable at one go in smaller resolutions.
Hope this helps.
Cheers,
Parikshit.

Similar Messages

  • How to make my website fit to all resolution?

    Hi all, I'm a beginner for using dreamweaver.  I've been looking for this question but I think it doesn't solve my problem. I want to make my website fit to all screen resolution. At first, I preview it at mozilla  and Internet explorer and its ok. But my friend say that she open it at her computer , Ipad it become a mess. I try to open it at public computer too and it's really such a mess.
    I used dreamweaver cs6
    And now my problem is:
    How to set it to fit for all screen resolution?
    what is the css code to make it fit to all screen resolution?
    How to set normal  width and height for website?
    this is how my css work:
    @charset "utf-8";
    .mainbody {
        background-color: #CCC;
        width: 980px;
        margin-right: auto;
        margin-left: auto;
    .mainbody .header {
        height: auto;
        width: 980px;
        padding-top: 15px;
        padding-bottom: 10px;
    .mainbody .menubar {
        width: 980px;
        height:auto;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
    .mainbody .slider {
        width: 972px;
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        border: medium dotted #60F;
        margin-top: 25px;
        margin-bottom: 15px;
    Please let me know is there's any mistake i've made. 
    By the way , sorry for my bad English ^_^

    Thank you for your reply ^_^
    this is my website : www.favoritepumps.com
    It's very very very simple right >.<
    but in this website I use the dreamweaver template . few days ago I make my own use div tags and i'ts been mess and I changed it back.
    and now I just want to know how to set it fit to all screen resolution and how about the width I make?
    I got some information that the width shouldn't be more than 980 px is it true?
    how should I write then?
    I make it like this at the source code:
    <div class="mainbody">
        <div class="header"><img src="images/favoritepump.png" width="500" height="80" alt="favoritepumps" /></div><!-- end .header -->
        <div class="menubar">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li>
              <div align="center"><a class="MenuBarItemSubmenu" href="#">Item 1</a>
                <ul>
                  <li><a href="#">Item 1.1</a></li>
                  <li><a href="#">Item 1.2</a></li>
                  <li><a href="#">Item 1.3</a></li>
                </ul>
              </div>
            </li>
            <li>
              <div align="center"><a href="#">Item 2</a></div>
            </li>
            <li>
              <div align="center"><a class="MenuBarItemSubmenu" href="#">Item 3</a>
                <ul>
                  <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
                    <ul>
                      <li><a href="#">Item 3.1.1</a></li>
                      <li><a href="#">Item 3.1.2</a></li>
                    </ul>
                  </li>
                  <li><a href="#">Item 3.2</a></li>
                  <li><a href="#">Item 3.3</a></li>
                </ul>
              </div>
            </li>
            <li>
              <div align="center"><a href="#">Item 4</a></div>
            </li>
            <li>
              <div align="center"><a href="#">Untitled Item</a></div>
            </li>
          </ul>
        </div><!-- end .sidebar -->
        <div class="slider">
          <div align="center"><img src="images/kero.jpg" width="250" height="220" alt="kero" /></div>
        </div><!-- end .slider -->
        <div class="container">
            <div class="leftbar"> </div><!-- end .leftbar-->
             <div class="rightbar"></div><!--end .rightbar -->
        </div><!-- end .container2 -->
        <div class="footer"></div><!-- end .footer -->
    </div><!-- end .mainbody -->
    thank you

  • Please help!! How to Make your website compatible with All Browsers

    i am having a problem viewing my website in google chrome on PC, but on google chrome on mac is fine. is there any way of sorting this out?
    please help
    steph
    xxxxx

    Gary White wrote:
    > On Sun, 3 Dec 2006 11:24:18 +0000 (UTC), "owaisrauf"
    > <[email protected]> wrote:
    >
    >> How can we check how it shows in Mozilla FireFox,
    Safari, Netscape,
    >> and other types of Explorers
    >
    >
    > Both
    http://www.browsercam.com/
    and
    http://browsershots.org/ have
    been
    > suggested. Either will give you a fairly accurate
    screenshot of a page
    > in various browsers. However, neither of them will test
    the way the
    > site functions in those browsers. The only reliable
    method, and yes
    > it's a pain, is to install the browsers you want to
    support and
    > actually test the site in them.
    I believe Browsercam allows "remote access"; they even have a
    new service
    called "BC-Virtual":
    http://www.browsercam.com/Features.aspx#vms
    Thierry
    Articles and Tutorials:
    http://www.TJKDesign.com/go/?0
    The perfect FAQ page:
    http://www.TJKDesign.com/go/?9
    CSS-P Templates:
    http://www.TJKDesign.com/go/?1
    CSS Tab Menu:
    http://www.TJKDesign.com/go/?3

  • How to make an applet with curved edges in the browser

    Hi all,
    I m doing an applet application in which i want to show an image inside a player in the website. The edges of the player is designed in curved shape. So i too wanted to do an applet with curved edges. Otherwise my applet and the images are coming out of the player... do any body have come across such a problem. please give me some suggestions. Awaiting for your suggestions and solutions. If u don't understand what i m trying to say let me know..
    Thanks...

    I tried to get the screen height -1 and subtract from
    all the ys in my applet but it doesnt work all the
    time. I am drawing shapes and stuff with an algorithm
    I wrote for class.
    is there a way to get origin(0,0) to the lower left
    screen easily.
    thanksThe only way I can think of would be write a method to convert a "normal" y coord to an applet y coord. That would probably end up being a huge pain in the ass, since you would have to pass all y coords through it before using them, so I suggest you just get used to y being upside down.

  • Need advice on how to make my website look better!

    ive made a website for a security company but im just not 100% happy with it, i dont know if it doesnt look professional enough or things need changing design wise. i am open to any ideas on how to make my website look better, i also dont mind if anyone wants to dramtically change it if their idea is better. I would just very much appreciate a review and constructive critisism and ideas for a newly designed version of the site please!
    [advertising slogan removed by host]
    Thanks!

    As a novice, some things I see: The footer has redundant, unecessary images (4 large images-for your services--REDUNDANT) odd? The text part of footer: text seems close, scrunched, have some space between heading and items, DO NOT CENTER TEXT!,
    One of the service links bought to page with SAME LARGE image on homepage-change picture, don't use same large image for 2 different pages.
    DO NOT use CONTACT US as 1 of 5 links on menubar. Do in another creative way, and/or use footer for contact. I think this looks amateurish (my opinion of course).
    If I remember, the homepage and the rest of site, have exact same page structure.--See if you can atleast change the structure of inner pages versus the homepage.
    Didn't look at enough, but..maybe...
    each of your services should be a main menu link on your menubar. I would not put contact us on menubar, and you also had another menubar link with no dropdown( of course ok, but maybe could restructure)--Also your last service (on right of menubar)---why is that one different, and not included with the other services??
    Seems like your menubar (items) structure could be reworked.--I would suggest, briefly looking at, to maybe have each service as a primary menu heading/title..YOU MAY NOT NEED A DROPDOWN MENU? Make sure if dropdown it is necessary.
    Local security should be one of your services.
    Have your footer logo, as is to left, but maybe put your footer links more to the right;;It will 'balance' the footer section
    Your top logo seems too close to your main LARGE image (Which btw, seems oddly large compared to the rest of your site?)--That LARGE top image(the same palce on every same looking page), seems too big for your page--Why doen't it line up with the rest off your page content?

  • How to make saved IR available for all users

    Hi,
    I've created IR and saved it to several tabs based on search conditions.
    But they're only visible for developers.
    How to make these tabs available for all end-users ?
    Does version 4.0 support this option ?
    Thank you!

    Hi
    At present this feature is not included, although I believe it may be in 4.0. Many people have provided workarounds for this. None of which I have tried. I cannot find the original thread but here is a solution from a chap called Ruud
    >
    One way to share your saved reports with others is to 'Publish' your report settings to a few intermediate tables in your application and have other users 'Import' your settings from there. The reason for using intermediate tables is so that not all your saved reports need to be 'visible' to other users (only those that you've chosen to publish).
    Basically you have available the following views and package calls that any APEX user can access:-
    - flows_030100.apex_application_pages (all application pages)
    - flows_030100.apex_application_page_ir_rpt (all saved reports - inclusing defaults and all user saved reports)
    - flows_030100.apex_application_page_ir_cond (the associated conditions/filters for above saved reports)
    - wwv_flow_api.create_worksheet_rpt (package procedure that creates a new saved report)
    - wwv_flow_api.create_worksheet_condition (package procedure that creates a condition/filter for above saved report)
    The way I've done it is that I've created 2 tables in my application schema that are straightforward clones of the 2 above views.
    CREATE TABLE user_report_settings AS SELECT * FROM flows_030100.apex_application_page_ir_rpt;
    CREATE TABLE user_report_conditions AS SELECT * FROM flows_030100.apex_application_page_ir_cond;
    ( NB. I deleted any contents that may have come across to make sure we start with a clean slate. )
    These two tables will act as my 'repository'.
    To simplify matters I've also created 2 views that look at the same APEX views.
    CREATE OR REPLACE VIEW v_report_settings AS
    SELECT r.*
    p.page_name
    FROM flows_030100.apex_application_page_ir_rpt r,
    flows_030100.apex_application_pages p
    WHERE UPPER ( r.application_name ) = <Your App Name>
    AND r.application_user 'APXWS_DEFAULT'
    AND r.session_id IS NULL
    AND p.application_id = r.application_id
    AND p.page_id = r.page_id;
    CREATE OR REPLACE VIEW v_report_conditions AS
    SELECT r.*
    p.page_name
    FROM flows_030100.apex_application_page_ir_cond r,
    flows_030100.apex_application_pages p
    WHERE UPPER ( r.application_name ) = <Your App Name>
    AND r.application_user 'APXWS_DEFAULT'
    AND p.application_id = r.application_id
    AND p.page_id = r.page_id;
    I then built 2 screens:-
    1) Publish Report Settings
    This shows 2 report regions:-
    - Region 1 - Shows a list of all your saved reports from V_REPORT_SETTINGS (filtered to only show yours)
    SELECT apex_item.checkbox ( 1, report_id ) " ",
    page_name,
    report_name
    FROM v_report_settings
    WHERE application_user = :APP_USER
    AND ( page_id = :P27_REPORT OR :P27_REPORT = 0 )
    ORDER BY page_name,
    report_name
    Each row has a checkbox to select the required settings to publish.
    The region has a button called PUBLISH (with associated process) that when pressed will copy the settings from
    V_REPORT_SETTINGS (and V_REPORT_CONDITIONS) into USER_REPORT_SETTINGS (and USER_REPORT_CONDITIONS).
    - Region 2 - Shows a list of already published reports in table USER_REPORT_SETTINGS (again filtered for your user)
    SELECT apex_item.checkbox ( 10, s.report_id ) " ",
    m.label,
    s.report_name
    FROM user_report_settings s,
    menu m
    WHERE m.page_no = s.page_id
    AND s.application_user = :APP_USER
    AND ( s.page_id = :P27_REPORT OR :P27_REPORT = 0 )
    ORDER BY m.label,
    s.report_name
    Each row has a checkbox to select a setting that you would like to delete from the repository.
    The region has a button called DELETE (with associated process) that when pressed will remove the selected
    rows from USER_REPORT_SETTINGS (and USER_REPORT_CONDITIONS).
    NB: P27_REPORT is a "Select List With Submit" to filter the required report page first.
    Table MENU is my application menu table where I store my menu/pages info.
    2) Import Report Settings
    This again shows 2 report regions:-
    - Region 1 - Shows a list of all published reports in table USER_REPORT_SETTINGS (filtered to show only other users saved reports)
    SELECT apex_item.checkbox ( 1, s.report_id ) " ",
    m.label,
    s.report_name,
    s.application_user
    FROM user_report_settings s,
    menu m
    WHERE m.page_no = s.page_id
    AND s.application_user :APP_USER
    AND ( s.page_id = :P28_REPORT OR :P28_REPORT = 0 )
    ORDER BY m.label,
    s.report_name,
    s.application_user
    Each row has a checkbox to select the setting(s) that you would like to import from the repository.
    The region has one button called IMPORT that when pressed will import the selected settings.
    It does this by using the 2 above mentioned package procedure to create a new saved report for you
    with the information form the repository. Be careful to match the right column with the right procedure
    parameter and to 'reverse' any DECODEs that the view has.
    - Region 2 - Shows a list of all your saved reports from V_REPORT_SETTINGS (filtered to only show yours)
    SELECT page_name,
    report_name
    FROM v_report_settings
    WHERE application_user = :APP_USER
    AND ( page_id = :P28_REPORT OR :P28_REPORT = 0 )
    ORDER BY page_name,
    report_name
    This is only needed to give you some feedback as to whether the import succeeded.
    A few proviso's:-
    a) I'm sure there's a better way to do all this but this works for me :-)
    b) This does not work for Computations! I have not found an API call to create computations.
    They will simply not come across into the repository.
    c) If you import the same settings twice I've made it so that the name is suffixed with (2), (3) etc.
    I did not find a way to update existing report settings. You can only create new ones.
    d) Make sure you refer to your saved reports by name, not ID, when matching APEX stored reports and the
    reports in your repository as the ID numbers may change if you re-import an application or if you
    auto-generate your screens/reports (as I do).
    Ruud
    >
    To me this is a bit too much of a hack and I personally wouldn't implement it - it's just an example to show it can be done.
    Also if you look here in the help in APEX Home > Adding Application Components > Creating Reports > Editing Interactive Reports
    ...and go to the last paragraph, you can embed predicates in the URL.
    Cheers
    Ben
    http://www.munkyben.wordpress.com
    Don't forget to mark replies helpful or correct ;)
    Edited by: Munky on Jul 30, 2009 8:03 AM

  • How to make warehouse field inactive for all users in all documents autom.

    Hi All,
    Can anyone pls tell me "**how to make warehouse field inactive for all users in all documents without having to do it through form setting** "for each and every user. It should be visible but inactive
    Thanks & Regards,
    Mukesh Agrawal

    Hi,
    As a work around create a warehouse SelectWH and map the mandatory acoounts as a On hold account(in chart of accounts).So there will not be any posting on this account.
    And set this warehouse as default warehouse for all users.
    So without selecting the appropriate warehouse the user can not add the document.
    I think this might resolve you issue.

  • How to make touchpad Be sensitive to all areas of his

    hi
    i have Lenovo x201 and i have problem.
    how to make touchpad Be sensitive to all areas of his ?
    for example, the top area not responding if i drag my finger
    from the top to bottom - but if i drag my finger from the middle to bottom its works fine.
    i need to make the touchpad be sensitive for all his area

    Hi,
    I have already responded for a similar query of yours in this thread. Please change the settings as mentioned and revert if issue persists.
    Regards,
    Mithun.
    Did someone help you today? Press the star on the left to thank them with a Kudo!
    If you find a post helpful and it answers your question, please mark it as an "Accepted Solution"! This will help the rest of the Community with similar issues identify the verified solution and benefit from it.
    Follow @LenovoForums on Twitter!

  • How to make my tab page shows all my applications?

    How to make my tab page shows all my applications?Please help me as fast as possible. Thx .
    Note: Please write as detail as possible because I am new to vb.Thx again.

    Hi,
     For a lack of info about what Applications you are talking about we can only guess at what you want to do. In my experience, this is the kind of question that ends up being a mile long with 15 different examples because nobody knows exactly what you
    are trying to do.
     With that said, maybe you can put a ListView in your TabPage and use the code i showed in the link below. If not then please explain exactly what you want to do.  8)
    How to make a screen that displays 'all apps'?
    If you say it can`t be done then i`ll try it

  • How to make a safe copy of all mails or to export these?

    Hello, I'n newbie on Mac OS X. I've been wondering how to make a safe copy of all mails in my inbox or to export all of them, like on Outlook with the function "Export". I don't find such function under MAIL. Can you please help me? Thanks
    Best regards.

    Hi
    Welcome to Mac Computing.
    The folder holding your e-mail plus mailboxes etc. is located (via the Finder) in your User Account>Library>Mail folder. You can copy this folder to external media, such as another hard drive, or CD/DVD.
    If you want to save specific e-mails, follow these directions from Mail's Help section (Help Menu):
    Exporting email messages:
    You can save one or more messages as a separate file to archive messages or to import the contents into another application. You can open the saved message in TextEdit.
    Open the message you want to export.
    Choose File > Save As, and enter a name for the file.
    Choose a location for the file from the Where pop-up menu.
    Choose a format from the pop-up menu.
    If you choose Rich Text Format, the text formatting of the message will be visible.
    If you choose Plain Text, the colors, fonts, and other formatting will be lost.
    If you choose Raw Message Source, the full delivery headers will be visible. If the message has attachments, you'll only see the encoded version of the attached files.
    A Good way to familiarize yourself with OS X is to pick up a copy of Scott Kelby's book OS X Tiger: Killer Tips.
    Post back

  • How to make use of adjacent data elements within the same buffer

    Hi,
             Does anyone know how to make use of adjacent data elements within the same buffer? To make my question clearly, I would like to give you an example. In my application, I set "sample to read" as 10 which means at each loop 10 data samples will be taken into a buffer. Now, what I would like to do is to do some calculations on adjacent data samples in same buffer. I tried to use "shift register" for this, but it seemed to me that it only can deal with the calculation between data from adjacent loops. In other words, it skips 9 data elements and take the 10th one for the calculation.
             Here I also attach my VI showing what I did.
        Thank you very much in advance,
                            Suksun
    Attachments:
    wheel_encoder_1.vi ‏98 KB

    Hi Suksun,
          I hope you'll forgive me for distilling your code - mainly to understand it better.  I tried to duplicate your logic exactly - which required reversing the "derivatives"-array before concatination with the current samples array.  As in your code, the last velocity is being paired with the first position.  If first velocity is really supposed to be paired with first position, just remove the "Reverse 1D Array" node.
    cheers
    Message Edited by Dynamik on 01-07-2006 03:17 AM
    Message Edited by Dynamik on 01-07-2006 03:19 AM
    When they give imbeciles handicap-parking, I won't have so far to walk!
    Attachments:
    encoder2.GIF ‏14 KB
    encoder2.vi ‏102 KB

  • Did you know that Captivate 8 takes virtually all of the work out of creating responsive online courses?

    I just saw the Adobe Blog article about Captivate 8 and the statement that Cp8 is an " authoring tool that takes virtually all of the work out of creating responsive courses online".
    http://blogs.adobe.com/captivate/2014/05/the-all-new-adobe-captivate-8-blends-authoring-ea se-with-game-changing-mobile-support.html
    Methinks this might be a tad overstating the matter. With responsive e-learning courses you effectively need to build the same course three times for the three different device screen sizes.
    Gotta love marketing people...

    Of course it is marketing hype, almost the only feature that everyone is shouting about, but I never did see a work flow, or real time experience described in all those blogs. I never write about some features I didn't explore, so I started with those that are also useful for the many companies that are not turning to mobile or BYOD yet, and have talked about those, including limitation and possible improvements.
    However, Rod, I don't agree totally with you. There is work taken out of your hand with the Responsive project work flow in Captivate. Responsive themes, smart positioning, resizing of objects, text, repositioning for phone break point, and testing with Edge Inspect are working pretty well, especially for this first implementation in Captivate (do not expect miracles). And from a usability standpoint, you have to reflect indeed on how the concept has to be, and that is different for each device. Such a mindframe takes a lot more than what a newbie playing for one day with Captivate can realize (as proclaim most blog posts), you don't have to persuade me about that. However I don't agree with your statement  'you effectively need to build the same course three times', but so-called 'single-source publishing' has always been a dream that will never be realized IMO, certainly not for eLearning.
    I am busy creating a real responsive tutorial (for Captivate) and will try to explain later on what I learned by doing. Only at that moment I will 'write', marketing is certainly not one of my skills
    Lieve

  • Hi, I´d like to how I must do to get a slide photo to fill up all the browser space.Thank you.

    Hi, I´d like to how I must do to get a slide photo to fill up all the browser space in Adobe Muse.Thank you.

    Hi Diezma,
    Please take a look at this forum post : http://forums.adobe.com/message/5077274#5077274. It tells you how you can really fill the browser with the slideshow.
    Regards,
    Aish

  • How do I clean my mid 2007 iMac? The disk space is running VERY low and I would love an idea. I make videos and upload them to youtube and I need space to do that. Thanks for your time!

    How do I clean my mid 2007 iMac?
         The disk space is running VERY low and I would love an idea. I make videos and upload them to youtube and I need space to do that. Thanks for your time!                              
                                       If you have an idea please respond!

    You should never, EVER let a conputer hard drive get completely full, EVER!
    With Macs and OS X, you shouldn't let the hard drive get below 15 GBs or less of free data space.
    If it does, it's time for some hard drive housecleaning.
    Follow some of my tips for cleaning out, deleting and archiving data from your Mac's internal hard drive.
    Have you emptied your iMac's Trash icon in the Dock?
    If you use iPhoto, iPhoto has its own trash that needs to be emptied, also.
    If you store images in other locations other than iPhoto, then you will have to weed through these to determine what to archive and what to delete.
    If you use Apple Mail app, Apple Mail also has its own trash area that needs to be emptied, too!
    Look though other Apple Mail folders like the junk mail and delete the mail that is in there. Look through your sent items folders and see there is any mail in there that can be deieted.
    Delete any old or no longer needed emails and/or archive to disc, flash drives or external hard drive, older emails you want to save.
    Other things you can do to gain space.
    Once you have around 15 GBs regained, do a search, download and install OmniDisk Sweeper.
    This app will help you locate files that you can move/archive and/or delete from your system.
    STAY AWAY FROM DELETING ANY FILES FROM OS X SYSTEM FOLDER!
    Look through your Documents folder and delete any type of old useless type files like "Read Me" type files.
    Again, archive to disc, flash drives, ext. hard drives or delete any old documents you no longer use or immediately need.
    Look in your Applications folder, if you have applications you haven't used in a long time, if the app doesn't have a dedicated uninstaller, then you can simply drag it into the OS X Trash icon. IF the application has an uninstaller app, then use it to completely delete the app from your Mac.
    Download an app called OnyX for your version of OS X.
    When you install and launch it, let it do its initial automatic tests, then go to the cleaning and maintenance tabs and run the maintenance tabs that let OnyX clean out all web browser cache files, web browser histories, system cache files, delete old error log files.
    Typically, iTunes and iPhoto libraries are the biggest users of HD space.
    move these files/data off of your internal drive to the external hard drive and deleted off of the internal hard drive.
    If you have any other large folders of personal data or projects, these should be archived or moved, also, to the optical discs, flash drives or external hard drive and then either archived to disc and/or deleted off your internal hard drive.
    Good Luck!

  • Hi, I´d like to know how I must do to get the photos slide to fill up all the browser space

    Hi, I´d like to know how I must do to get the photos slide to fill up all the browser space in Adobe Muse.

    Hi Diezma,
    Please take a look at this forum post : http://forums.adobe.com/message/5077274#5077274. It tells you how you can really fill the browser with the slideshow.
    Regards,
    Aish

Maybe you are looking for