Skip to main content
Inspiring
September 18, 2009
Answered

Centering my site in the browser

  • September 18, 2009
  • 1 reply
  • 1317 views

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?

This topic has been closed for replies.
Correct answer kglad

Yes I'm publishing for full screen. But when I'm not in full screen mode, I still want it to be centered...

btw, that's my preloader's HTML file which loads my main swf... when I changed the publishing settings for my preloader's HTML page, when the main swf is loaded, I cannot go full screen anymore...


your preloader will be centered because you're publishing for 100%x100%.  if your loaded swf isn't centered in the preloader its because the loader you're using to load it isn't centered.  so, center your loader.

allowing fullscreen is irrelevant.

1 reply

kglad
Community Expert
Community Expert
September 18, 2009

show your html code.

Inspiring
September 18, 2009

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 + '" ';

    }

    str += '>';

    for (var i in params)

    {

      str += '<param name="' + i + '" value="' + params + '" /> ';

    }

    str += '</object>';

  }

  else

  {

    str += '<embed ';

    for (var i in embedAttrs)

    {

      str += i + '="' + embedAttrs + '" ';

    }

    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.toLowerCase();   

    switch (currArg){     

      case "classid":

        break;

      case "pluginspage":

        ret.embedAttrs[args] = 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] = 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] = ret.objAttrs[args] = args[i+1];

        break;

      default:

        ret.embedAttrs[args] = ret.params[args] = 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>

kglad
Community Expert
Community Expert
September 18, 2009

you're publishing for full-browser.  what's there to center?