How to make a website fit to browser window?

How to make your created flash catalyst project/website fit to every window browser size?
This means that I want it to fit in the window size, because I don't want the browser to create scroll bars since I have them inside my project...

I have tried this a number of ways and it makes no difference. This is where I am with it right now in FB4.
I would love to get this to work. If anyone can help me with it please?
<?xml version='1.0' encoding='UTF-8'?>
<s:Application xmlns:ATE="http://ns.adobe.com/ate/2009" xmlns:ai="http://ns.adobe.com/ai/2009" xmlns:lib="assets.graphics.Republic_1920.*" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:flm="http://ns.adobe.com/flame/2008" xmlns:graphics="assets.graphics.*" xmlns:ai1="http://ns.adobe.com/ai/2008" xmlns:lib1="assets.graphics.tomorrow_text.*" xmlns:lib11="assets.graphics.perfect_text.*" xmlns:lib111="assets.graphics.intel_text.*" xmlns:lib1111="assets.graphics.history_page.*" xmlns:components="components.*" xmlns:lib11111="assets.graphics.CaseStudiesText.*" xmlns:lib111111="assets.graphics.RolexText.*" xmlns:lib1111111="assets.graphics.slider.*" backgroundColor="#000000" height="1200" preloaderChromeColor="#000000" width="1920">
<fx:Style source="Main.css"/>
<fx:Script><![CDATA[
private function init():void
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.EXACT_FIT;
protected function buttonEnter_clickHandler():void
const state:String = currentState;
if ( state == 'Home' ) {
currentState='Tomorrow';

Similar Messages

  • JavaFX 2.0 : How to make a stage fit into browser view area?

    Invoking a JavaFX 2.0 applet from browser results in white spaces on the right and bottom area of the browser. This happens when the JavaFX stage resolutions is lesser than that of browsing desktop resolution. In a client/server model, usually server components doesn't know about the client resolutions. So how to make a stage fit into browser view area?
    Also I think, setting the primary stage to full screen mode is not what I want to achieve, as this mode overlays the browser window.

    Try typing 100% into the width and height fields. Alternatively, you could use Javascript (no connection to Java in spite of the name) to create an event to resize the applet to the window's size.

  • 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

  • Dreamweaver CS4 how do I make a website adjust to browser window Size

    I know there is a solution to this but not sure how to find it.
    I have created my website and have a "wrapper" in my css
    I would like the whole site to automatically adjust in conjunction to the size the browser window is , larger or smaller etc.
    How do I write the code and where do I place it?
    Thanks
    Kathryn

    Add a percentage width to your Wrapper Division's CSS code.  100% fills the viewport.
    #wrapper {
    width: 80%;  
    margin: 0 auto;  /**centered on screen**/
    See also min-and max-widths to limit how much the page can be re-sized.
    http://www.quirksmode.org/css/width.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Make flash website fit to screen

    Hi! I'm having trouble width my AS3 flash site. I know there is a code that will make my website fit to any browser. but i can't find it anywhere?? Can anybody help me out here??

    stage.displayState = "fullScreen"

  • 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 a picture fit an entire page in a pages

    how to make a picture fit an entire page in a pages

    Hello belluchis,
    Thanks for using Apple Support Communities.
    After inserting your image into your Pages document, follow the instructions in the Pages help section below to learn how to manipulate the object:
    Resize, rotate, and flip an object - Pages Help for Mac
    http://help.apple.com/pages/mac/5.2/#/tan114930688
    Take care,
    Alex H.

  • Site automatically scale to fit the browser window

    hello all!
    i'm working on a site that i'd like to automatically scale to fit the browser window, without any scrolling and while preserving its aspect ratio.
    my client is very particular about the design & does not want the width & height of the images & text to change like they do in a responsive site- he just wants the site to scale to fit in a browser window. Yikes!!!
    could anyone give me a hand with this please?
    thanks so very much!
    -sharon

    Hi Andreas
    I'm really looking forward to hearing about your tests tonight. As I said to Elaine (above) I will be delighted if someone proves me wrong. I'm just looking for a solution.
    I've just had another quick go on Edge Animate to try out your suggestions:
    My findings are that it doesn't matter whether a graphic is wrapped in a div or not. If the graphic has L, T , W & H pixel values and the surrounding div group is set to L, T , W & H % values, the L & T will scale down but the W & H will not - the graphic will just stay the same size when the browser is shrunk. The only way to get the graphic to scale down is to change its L, T , W & H to % - but, as I've said it won't retain its aspect ratio.
    As soon as images are imported, the situation changes. The layout preset offers 4 more options including 'Scale background image'. And Background image settings now appear offering W 100%, H Auto by default. These both seem essential to achieving scale-to-fit. I've tried images with and without being wrapped in a div. Just as with graphics, I find that if I add the % to the div then the image doesn't scale. But if I add the % to the image it scales perfectly.
    As far as I can see the problem is that, with graphics, the link width and height feature doesn't seem to work properly. I would expect that if I create a graphic 100px square then change W & H to %, then both W & H would be the same %. But I get all sorts of results. It doesn't seem to make a difference if I fix the percentages so W & H are both 100%. Changing from Global to Applied doesn't seem to affect anything either. Surely if W & H are set to 100% (and linked) then a graphic should remain square regardless of browser size? I can't find any combination that will allow this. Is it just me? Am I doing something stupid?
    Good luck tonight.
    Cheers

  • How can I output text in a browser window in JAVA?

    How can I output text in a browser window in JAVA?

    "response.getWriter().print()" is the most common method when using servlets

  • How to show a confirmation when closing browser window in jdeveloper11g

    Hi
    I'm Using Jdev 11g
    How to show a confirmation when closing browser window in jdeveloper11g
    Regards
    Abhilash

    Abhilash,
    My goodness...
    Didn't search the forum, eh? In fact, didn't even look at the last 5 or 6 posts - this was posted by another user within the past few hours.... Giving a message while closing a jspx page.
    John

  • How do I make my website fit in all size browser windows?

    Hi there,
    I should start off by saying that I am very new to web design, and have very limited knowledge of CSS and HTML.  I understand what they are and the nature of what they do, I'm just not code savvy. 
    Now that that's out of the way, I've been designing/attempting to build a website using Dreamweaver.  I have all of the components and layout that I want designed and ready to go, but I desperately need help with translating that into Dreamweaver.  I've been researching information all over the web, but with one person suggesting one thing and another suggesting something completely different I'm afraid my brain is about to melt.
    Here's what I've done so far:
    Because I want everything fully customized and to use a less common font style, I saved everything from the graphics, photos, and links as .png files.  I then inserted each of those images into an AP Div Tag in Dreamweaver and arranged them appropriately.  That's absolutely all I've done.  It works great, except I have no idea how to configure everything so the site layout shows up centered in any size browser window, instead of sitting awkwardly in the corner.
    Here's a link to what currently exists: http://ikikatawares.com
    I've read dozens of articles and forum responses about building tables, but I'd like to avoid that since to me they seem clunky and kind of a hassle to deal with.  Can anyone please help me?  Thanks.
    Beth

    You need to put only the bold part into your code.
    Immediately after your starting <body> tag add in
    <div id="wrapper">
    and immediately before your ending </body> tag add in
    </div>
    Then at the end of your css, you currently have...
    #apDiv10 .navBarLinks .navBarLinks {
    font-weight: bold;
    Change that to...
    #apDiv10 .navBarLinks .navBarLinks {
    font-weight: bold;
    #wrapper {
         position:relative;
         width:1005px;
         margin:0 auto;

  • How to make a website for a MS SQL database?

    I'm used to making static html websites, but now I shall make a website for a friend who has made a database (Microsoft SQL). So I shall make the layout, forms etc, and he provides the database. Can anyone please explain the prinsiples of making such a site, and how to connect it to the database?
    PS: I've added the features "Server Behaviors", "Databases" and "Bindings" in my Dreamweaver CC, as they are not preinstalled.
    Hope for help!

    media="screen" or media="print" is part of a css link in the head of a page and allowed one set of rules for print and another set for screens.
    It was the precursor to "Media Queries" which is what you're looking for.
    Here's a good starting point for Media Queries...
    http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
    Basically, you make one site in html, then 2 stylesheets that control the site depending on the viewer device. You use the pixel width of the device or browser window to determine which stylesheet is used. When they're on a desktop, stylesheet1 is used, when they move onto something smaller, stylesheet2 kicks in.
    The basics are pretty simple, getting the most out of it takes practice.

  • How to make a website for desktop and mobile

    I just have a question about, for example, washingtonpost.com.  I know in CSS you used to be able to put that "/media" and "/screen" command in head and when the page loads, it detects the device and sends you to either mobile or desktop.
    I went to WaPo and I can't seem to find that any more.  So using WaPo, is this still how it's done?  I just need to test a basic web page in DW4 and then test how it looks on desktop and then my Galaxy Note II so I know I'm moving along correctly before expanding out.
    Any advice, help, and tips are appreciated.
    Thank you.

    media="screen" or media="print" is part of a css link in the head of a page and allowed one set of rules for print and another set for screens.
    It was the precursor to "Media Queries" which is what you're looking for.
    Here's a good starting point for Media Queries...
    http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
    Basically, you make one site in html, then 2 stylesheets that control the site depending on the viewer device. You use the pixel width of the device or browser window to determine which stylesheet is used. When they're on a desktop, stylesheet1 is used, when they move onto something smaller, stylesheet2 kicks in.
    The basics are pretty simple, getting the most out of it takes practice.

  • How to make my websites look good in iPhone and iPad?

    I have problem to make my website in iWeb look good in webbrowsers in iPhone or iPad... The background (JPEG-file)are dublicating several times!
    But that's not a problem for all my different sides, thou it was build in the same way. Here's the site (try to looka at it in a webbrowswer in any handheld
    divice): http://www.clavius.se

    That's the way Mobile Safari handles backgrounds.
    Why not use a normal background with proper text boxes.
    Anyway, remove your background in iWeb and paste this code in a HTML Snippet :
    <script language="JavaScript" type="text/javascript">
    <!--
    parent.document.body.style.backgroundImage='url(http://www.clavius.se/entresida.jpg)';
    parent.document.body.style.backgroundRepeat='no-repeat';
    parent.document.body.style.backgroundPosition='50% 0%';
    // -->
    </script>
    where the background file (entresida.jpg) is OUTSIDE the Site folder iWeb creates.
    BTW, here's how I make iPad friendly websites with iWeb :
         http://www.wyodor.net/mfi/

  • Captivate 7: How to make the output fit-to-screen

    Hi Everyone,
    For the long time, I was in search of making the published SWF be able to display the project as fitting to the screen. I was previously using Captivate 5.5. But now, I'm using Captivate 7. Does anyone know how to make the same thing happen to the SWF file? I previously had to make a change in the HTML script. But that same script line does not exist in the HTML file published from Captivate 7.
    Please be aware that I don't know much about HTML scripts. So please be explicit with your assistance.
    Thank you in advance for any assistance that you can provide.

    Hi there
    In Captivate 7, when you publish in SWF format, choose the option titled "Scalable HTML Content".
    Cheers... Rick

Maybe you are looking for