Centering the flex object in the browser

I want the flex application always stays at the center of the
browser. Can this be done by modifying the flex builder generated
html wrapper file? If so, how?

Just wrap the swf object in an html <div> or
<table> tag. Then center the div or the table. I use tables
to lay out my swfs even though I'd rather use divs. If I remember
correctly, divs didn't always align the thing properly. Here's a
quick example that you can tinker with:
<html><head><title>example</title></head>
<body
><table height="100%" width="100%">
<tr><td valign="middle" align="center">
<!-- normal object code in here - make sure to set a width
and height -->
</td></tr>
</table>
</body></html>

Similar Messages

  • Centering my site in the browser

    Hello there.
    I've just finished building a website with a fluid layout. When I tried it in the browser, it's not centered. I tried adding <center> </center> tags to the body of the HTML page but this didn't work... so how can I fix it?

    Here's my html Code:
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-6" />
    <title>Index</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    //v1.7
    // Flash Player Version Detection
    // Detect Client Browser type
    // Copyright 2005-2008 Adobe Systems Incorporated.  All rights reserved.
    var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
    var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
    var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
    function ControlVersion()
         var version;
         var axo;
         var e;
         // NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
         try {
              // version will be set for 7.X or greater players
              axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
              version = axo.GetVariable("$version");
         } catch (e) {
         if (!version)
              try {
                   // version will be set for 6.X players only
                   axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
                   // installed player is some revision of 6.0
                   // GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
                   // so we have to be careful.
                   // default to the first public version
                   version = "WIN 6,0,21,0";
                   // throws if AllowScripAccess does not exist (introduced in 6.0r47)          
                   axo.AllowScriptAccess = "always";
                   // safe to call for 6.0r47 or greater
                   version = axo.GetVariable("$version");
              } catch (e) {
         if (!version)
              try {
                   // version will be set for 4.X or 5.X player
                   axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
                   version = axo.GetVariable("$version");
              } catch (e) {
         if (!version)
              try {
                   // version will be set for 3.X player
                   axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
                   version = "WIN 3,0,18,0";
              } catch (e) {
         if (!version)
              try {
                   // version will be set for 2.X player
                   axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
                   version = "WIN 2,0,0,11";
              } catch (e) {
                   version = -1;
         return version;
    // JavaScript helper required to detect Flash Player PlugIn version information
    function GetSwfVer(){
         // NS/Opera version >= 3 check for Flash plugin in plugin array
         var flashVer = -1;
         if (navigator.plugins != null && navigator.plugins.length > 0) {
              if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
                   var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
                   var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
                   var descArray = flashDescription.split(" ");
                   var tempArrayMajor = descArray[2].split(".");               
                   var versionMajor = tempArrayMajor[0];
                   var versionMinor = tempArrayMajor[1];
                   var versionRevision = descArray[3];
                   if (versionRevision == "") {
                        versionRevision = descArray[4];
                   if (versionRevision[0] == "d") {
                        versionRevision = versionRevision.substring(1);
                   } else if (versionRevision[0] == "r") {
                        versionRevision = versionRevision.substring(1);
                        if (versionRevision.indexOf("d") > 0) {
                             versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
                   var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
         // MSN/WebTV 2.6 supports Flash 4
         else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
         // WebTV 2.5 supports Flash 3
         else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
         // older WebTV supports Flash 2
         else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
         else if ( isIE && isWin && !isOpera ) {
              flashVer = ControlVersion();
         return flashVer;
    // When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
    function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
         versionStr = GetSwfVer();
         if (versionStr == -1 ) {
              return false;
         } else if (versionStr != 0) {
              if(isIE && isWin && !isOpera) {
                   // Given "WIN 2,0,0,11"
                   tempArray         = versionStr.split(" ");      // ["WIN", "2,0,0,11"]
                   tempString        = tempArray[1];               // "2,0,0,11"
                   versionArray      = tempString.split(",");     // ['2', '0', '0', '11']
              } else {
                   versionArray      = versionStr.split(".");
              var versionMajor      = versionArray[0];
              var versionMinor      = versionArray[1];
              var versionRevision   = versionArray[2];
                 // is the major.revision >= requested major.revision AND the minor version >= requested minor
              if (versionMajor > parseFloat(reqMajorVer)) {
                   return true;
              } else if (versionMajor == parseFloat(reqMajorVer)) {
                   if (versionMinor > parseFloat(reqMinorVer))
                        return true;
                   else if (versionMinor == parseFloat(reqMinorVer)) {
                        if (versionRevision >= parseFloat(reqRevision))
                             return true;
              return false;
    function AC_AddExtension(src, ext)
      if (src.indexOf('?') != -1)
        return src.replace(/\?/, ext+'?');
      else
        return src + ext;
    function AC_Generateobj(objAttrs, params, embedAttrs)
      var str = '';
      if (isIE && isWin && !isOpera)
        str += '<object ';
        for (var i in objAttrs)
          str += i + '="' + objAttrs[i] + '" ';
        str += '>';
        for (var i in params)
          str += '<param name="' + i + '" value="' + params[i] + '" /> ';
        str += '</object>';
      else
        str += '<embed ';
        for (var i in embedAttrs)
          str += i + '="' + embedAttrs[i] + '" ';
        str += '> </embed>';
      document.write(str);
    function AC_FL_RunContent(){
      var ret =
        AC_GetArgs
        (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
         , "application/x-shockwave-flash"
      AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
    function AC_SW_RunContent(){
      var ret =
        AC_GetArgs
        (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
         , null
      AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
    function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
      var ret = new Object();
      ret.embedAttrs = new Object();
      ret.params = new Object();
      ret.objAttrs = new Object();
      for (var i=0; i < args.length; i=i+2){
        var currArg = args[i].toLowerCase();   
        switch (currArg){     
          case "classid":
            break;
          case "pluginspage":
            ret.embedAttrs[args[i]] = args[i+1];
            break;
          case "src":
          case "movie":     
            args[i+1] = AC_AddExtension(args[i+1], ext);
            ret.embedAttrs["src"] = args[i+1];
            ret.params[srcParamName] = args[i+1];
            break;
          case "onafterupdate":
          case "onbeforeupdate":
          case "onblur":
          case "oncellchange":
          case "onclick":
          case "ondblclick":
          case "ondrag":
          case "ondragend":
          case "ondragenter":
          case "ondragleave":
          case "ondragover":
          case "ondrop":
          case "onfinish":
          case "onfocus":
          case "onhelp":
          case "onmousedown":
          case "onmouseup":
          case "onmouseover":
          case "onmousemove":
          case "onmouseout":
          case "onkeypress":
          case "onkeydown":
          case "onkeyup":
          case "onload":
          case "onlosecapture":
          case "onpropertychange":
          case "onreadystatechange":
          case "onrowsdelete":
          case "onrowenter":
          case "onrowexit":
          case "onrowsinserted":
          case "onstart":
          case "onscroll":
          case "onbeforeeditfocus":
          case "onactivate":
          case "onbeforedeactivate":
          case "ondeactivate":
          case "type":
          case "codebase":
          case "id":
            ret.objAttrs[args[i]] = args[i+1];
            break;
          case "width":
          case "height":
          case "align":
          case "vspace":
          case "hspace":
          case "class":
          case "title":
          case "accesskey":
          case "name":
          case "tabindex":
            ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
            break;
          default:
            ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
      ret.objAttrs["classid"] = classid;
      if (mimeType) ret.embedAttrs["type"] = mimeType;
      return ret;
    // -->
    </script>
    </head>
    <body bgcolor="#000000">
    <center>
    <!--url's used in the movie-->
    <!--text used in the movie-->
    <!-- saved from url=(0013)about:internet -->
    <script language="JavaScript" type="text/javascript">
         AC_FL_RunContent(
              'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
              'width', '100%',
              'height', '100%',
              'src', 'Index',
              'quality', 'best',
              'pluginspage', 'http://www.adobe.com/go/getflashplayer',
              'align', 'middle',
              'play', 'true',
              'loop', 'true',
              'scale', 'showall',
              'wmode', 'window',
              'devicefont', 'false',
              'id', 'Index',
              'bgcolor', '#000000',
              'name', 'Index',
              'menu', 'true',
              'allowFullScreen', 'true',
              'allowScriptAccess','sameDomain',
              'movie', 'Index',
              'salign', ''
              ); //end AC code
    </script>
    <noscript>
         <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="Index" align="middle">
         <param name="allowScriptAccess" value="sameDomain" />
         <param name="allowFullScreen" value="true" />
         <param name="movie" value="Index.swf" /><param name="quality" value="best" /><param name="bgcolor" value="#000000" />     <embed src="Index.swf" quality="best" bgcolor="#000000" width="100%" height="100%" name="Index" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
         </object>
    </noscript>
    </center>
    </body>
    </html>

  • Can we select a particular area in the browser using Flex?

    Hi All,
    Is it possible to select particular area of the flex
    application in the browser using Flex and generate that area into a
    image when an button is clicked?
    Please help me.
    Thanks in advance

    Yes, you should google Flex screenshot bitmap, there are a
    number of examples. As far as 'selecting' one of the examples may
    show this, but you can just use a Canvas or similar for the box
    drawing (set background transparent, and just use the borders, and
    resize the canvas on mouse events). Otherwise you can do the
    Graphics sorite drawing by hand or use something like Degrafa for
    fancier, or look up quasimodo marching ants for an animated
    selection technique.

  • Prevent the browser to read cached Flash object

    I have a slideshow Flash object which pics filename are
    supplied by an .XML
    file created dinamically every time the page loads.
    Unfortunately the .SWF is always being read from cache even
    though the .XML is changed
    correctly. The Flash movie always shows the pictures loaded
    at start of the application.
    I am able to refresh the Flash movie if:
    - I restart the application;
    - I set the browser setting to check for newer version of
    stored pages to "every time";
    - after 5/10 minutes have elapsed from the last reloading
    (couldn't find a real pattern here);
    To prevent caching I have tried the following:
    - Added a random number at the and of the URL that calls the
    page (...&r=#rundomNumber()#)
    - Added <META HTTP-EQUIV="Expires" CONTENT="Mon, 04 Dec
    1999 21:29:02 GMT">
    - Added <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    - Added <META HTTP-EQUIV="Cache-Control"
    CONTENT="no-cache">
    in various combinations.
    - Used <cfheader name="Expires"
    value="#GetHttpTimeString(Now())#">
    - Modified the param name="movie" to
    <param name="movie"
    value="Gallery.swf?id=#randomNumber()#" />
    or to
    <param name="movie"
    value="Gallery.swf?id=#randomNumber()#&xmlPath=gallery.xml&id=#randomNumber()#"
    />
    also
    Opening the Gallery.fla with Flash 2004 in the Component
    Inspector, parameter xml Path = gallery.xml changed to
    "gallery.xml?id=1"
    or
    "gallery.xm?Math.round(Math.random() * 99999
    all this to prevent the browser to read from cache and
    download a fresh copy from the server, but to no avail.
    Is there something else to be tried?
    Thank you for helping.
    ContiW

    Click in your page where you want the SWF to go, then select
    Insert > Media > Flash from the menu (or maybe Insert >
    Flash ... DWMX goes back a way).
    Charles Nadeau
    Dreamweaver
    Adobe Systems

  • Centering a Page within the browser

    My page is centered with in the brower however depending on how long vertically the page is the center move. So when you change to certian pages some are positioned in one spot the others are positioned slightly to the left and its pretty noticable when navigating through the site. How can i correct it that the page stays in the same spot centered in the 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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <link href="../coal.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body {
        background-color: #033;
        background-image: url(../images/DESIGN-2_0000.jpg);
    -->
    </style></head> 
    <body>
    <div id="whole">
    <div id="header"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','../images/header2.jpg',0)"><img src="../images/header.jpg" name="Image11" width="1000" height="134" border="0" id="Image11" /></a></div>
    <div id="navbar"><a href="../index.html"><img src="../images/temp_02.jpg" width="115" height="62" border="0" /></a><a href="../aboutus.html"><img src="../images/temp_03.jpg" width="133" height="62" border="0" /></a><a href="../membership.html"><img src="../images/temp_04.jpg" width="125" height="62" border="0" /></a><a href="../events.html"><img src="../images/temp_05.jpg" width="127" height="62" border="0" /></a><a href="../resources.html"><img src="../images/temp_06.jpg" width="128" height="62" border="0" /></a><a href="../calendar.html"><img src="../images/temp_07.jpg" width="129" height="62" border="0" /></a><a href="../join.html"><img src="../images/temp_08.jpg" width="128" height="62" border="0" /></a><a href="../donate.html"><img src="../images/temp_09.jpg" width="115" height="62" border="0" /></a></div>
    <div id="content">
      <div id="topbg"><img src="../images/temp_10_02.jpg" width="1000" height="25" /></div>
      <div id="text"><!-- TemplateBeginEditable name="EditRegion1" -->EditRegion1<!-- TemplateEndEditable --></div>
      <div id="bottombg"><img src="../images/temp_10_06.jpg" width="1000" height="26" /></div>
    </div>
    <div id="footer">Copyright 2010, Centre County Affordable Housing Coalition. All rights reserved.</div>
    </div>
    </body>
    </html>

  • Centering my page in the browser

    Hi,
    I am designing a website using css, is there a way of centering a page vertically?  I have set my left and right margins to auto so the page sits in the middle of the browser window horizontally, but is there a way of doing this vertically too? 
    Thanks in advance,
    Andy

    I have never seen a need to do that so I havn't tried it myself but maybe this will help get you in the right direction:
    http://tom.me.uk/html-to-css/center-vertically.html
    http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
    Brad Lawryk
    Adobe Community Professional: Dreamweaver
    Northern British Columbia Adobe Usergroup: Manager
    Thompson Rivers University: Dreamweaver Instructor
    My Adobe Blog: http://blog.lawryk.com

  • How to display "Image" object in the browser?

    can anyone please tell me how can i display "Image" object in the browser?
    I have an image object that i retrieved from AS400 BLOB object by using toolbox.jar (for as400 access for java including all necessary classes like jdbc driver, security etc.).
    i want to display this object in the browser so i will be able to web-enable my BLOB objects stored on as400.thx...

    In your HTML:
    <img src="ImageServlet">
    In ImageServlet:
    Make calls to DB to get your image as byte array and store it in:
    byte[] buffer = new byte[imageSize];
    ServletOutputStream out = response.getOutputStream();
    for(int i = 0; i < imageSize; i++)
    out.write(buffer, i, 1);
    out.close();

  • Pinning edge objects to the left of the browser window

    With Adobe Muse, How can I pin an object to the left side of the screen, but still have it scroll up and down?

    I've having the SAME issue, and agree with an_adverman, a missing pin anchor point could possibly solve this!
    Here is my site's HOME PAGE navigation:
    http://pluscreative.businesscatalyst.com/#featured
    I want it to be pinned to the left side of the browser window like my SUBPAGES:
    http://pluscreative.businesscatalyst.com/health-american-dental-education-association.html
    However, when I pin on the home page, it completely disappears...nowhere to be found. So for now, I'm not pinning it, but am trying to find a way to push it to the left side of the browser window. I can't pin it, since the naviagtion on the home page is no where near the top or bottom of the page and pinning would make it stagnant on the entire page, as opposed to just the section I want it in.
    So maybe pinning is the wrong term... but how can I get that navgiation to snap to the left hand side of the browser, as I'm easily able to do on the subpages?
    HELP ME I'M GOING BONKERS.

  • Can i stick an object to the side of the browser?

    First, thanks for all the support that been given here, it was really helpfull!
    second, I got an issue since adobe muse first came:
    how can i stick something to the side of the browser no matter what width the user is seeing my website,
    without pin it let's say to the left side of the screen.
    when i'm using pin - it does do the work but it's not moving, i want the object (shape, text box, etc..) to stick to the side like header and footer but to the side.
    if someone can help me out it will be lovely!
    THANKS A LOT!
    T

    Hi… I found your question when I was looking for an answer to the same thing. But I think I've achieved what you were trying to achieve… A Tab, or a 'thing' that sits at the edge of the BROWSER window, no matter how wide or narrow, and moves horizontally with the edge of the Browser window as a user resizes the window, but always remains in the same position vertically within the site itself. Right? Well, maybe it was a 'fix' in the latest version of Muse, I'm running V7.4, Build 30 CL 784238 but it seemed quite easy.
    All I did was draw a rectangle on the MASTER Page. Place it vertically at the point I wanted it to be seen at all times and made sure it was attached to the right hand edge of my site page (or the left if you prefer). Then I clicked the 'Pin' option in the tool bar at the top and right position, ie, top corner. Bingo. My little (as it became) 'email me' button moves with the browser window and stays vertically where I wanted it to be.
    I've attached a screen grab of what I did and where I placed it. I hope this proves useful for you.

  • Pinning objects to the browser window

    I try to pin a menu to the top right of the browser but it dissappears when previewed. Any Suggestions?  #frustrated. 

    THank you for your response Sanjit.   what i have is a menu inside of an accordian panel.  I have pinned the entire object to the right of the browser in the master page.  i am simply trying to preview the function in the master page and there is nothing covering it up. 
    here is the preview.....> 

  • User control over Flex availability in the Browser?

    Hi all,
    New guy to this Flex development. Basic question, I hope.
    Comparing Flex to JavaScript, can the user selectively disable Flex in the browser? It would seem a lot of headaches with JavaScript is dealing with this configurable option (I've historically avoided client side scripting because of this concern). I would assume the plugin could be removed and/or disabled? If so, is there an "agreed to" response under such a condition?
    thanks!
    Karl

    Yea
    When you launch a flex app the html template that holds the swf has a place in it that says 'Flash player required download' and 'Place alternative HTML content here' if no player is detected.
    You can put alterative instrucation in here.
    There are a few ways and an offical Adobe kit around for detecting flash player versions, and most of these use javascript.
    The thing is I weigh it up when it comes to developing an app and Flex is my choice.  I like working on the flash platform.  I think the biggest bonus is that whatever you do in Flash / Flex its gonna work across all browsers on all platforms.  And now with AIR you can also deploy these as desktop apps across all platforms.
    My biggest niggle with javascript, css etc, was that different browser seem to treat bits differently.  I end up doing hacks ansd workarounds, and usually for the sake of getting it to work in I.E.
    Yea server side is your definite way rendering HTML to make sure everyone gets it.  However if your taking Rich Internet App, then thats not gonna provide the tools.  I;d say when it comes to client side code Flex is tops for me.  And one big thing is that Flash has been around for over 10 years and according to the stats installed on 98% on internet connected machines. Thats gotta be good.
    Thats just my opinion, but if your client side coding, its Flex for me. 

  • How do make the mouse wheel scroll in my Flex app/component instead of the browser?

    Let's say I have a DataGrid or Tree or List component which
    has hundreds of rows. When I place my mouse over the component and
    scroll the mouse wheel, I notice that [most of the time] it scrolls
    the component a little, then starts scrolling the browser window. I
    want it to only scroll the component until it reaches the end of
    the rows. Any thoughts?

    I have confronted the same issue.
    Was anybody able to solve it?
    I think mx.contorols.TextArea seems to do well.

  • Question about centering webpage in the browser

    Hi,
    My page is left justified right now.
    I have everything located inside of a div called container. I have a CSS rule as well. What do I need to add to the CSS rule to make the page center in the browser? Thanks.
    <div class="container">stuff</div>
    .container {
    background-image: url(images/HOME-PAGE-BOAT.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 900px;
    width: 1260px;

    For reference, margin:0 auto; is shorthand for
         margin-top:0;
         margin-right:auto;
         margin-bottom:0;
         margin-left:auto;
    Not quite sure why it pushed it to the right.
    EDIT:// Re:Background image. I would put the image on the <body> or <html> tag which won't have this problem. This link might offer some guidance for a possible solution.

  • Sync an object with the browser scrollbar

    Is there any way to set up a button or group of buttons to move vertically with the browser's scrollbar? I have a region that contains search options for a query and it requires the user to scroll down to access all of the fields. I'd like to cause the "Search" button to move vertically with the scrollbar so the user doesn't have to scroll to view it once he/she has entered the search criteria.
    David

    Is there any way to set up a button or group of buttons to move vertically with the browser's scrollbar? I have a region that contains search options for a query and it requires the user to scroll down to access all of the fields. I'd like to cause the "Search" button to move vertically with the scrollbar so the user doesn't have to scroll to view it once he/she has entered the search criteria.
    David

  • Can you pin objects to the vertical edges of the browser?

    Im trying to have a next arrow button pinned to the right edge of the browser and a previous arrow button pinned to the left side of the browser. I tried using containers set at 100% of the page but it doesnt work becuase eventhought they have no fill except for the little arrow on each edge, the whole container is active accross the page. And as they are on top of each other (as I neet the arrows to align horizontally)  only one button is active. Does anyone have any other ideas?

    I'm not sure if I know specifically what you're asking, but maybe this will help.
    The default probes will show you the data that makes up the type of the wire.  So, for children classes it shows the childs data and any ancestor data.  
    If it's a top level class wire it will only show the data for the parent class, but will inform you of the actual type of the wire, since we know children can pass as their parents.
    Now, I think what you're asking is if it's possible to see the childrens data, on a parent's wire.  I'm not sure, but you may be able to make custom probes to show you more information based on actual type.  
    Tim Elsey
    LabVIEW 2010, 2012
    Certified LabVIEW Architect

Maybe you are looking for