Website centering

Hello,
I've been trying to learn Fireworks for a few weeks now and
so far I'm enjoying the journey. However, the website I've created
seems left-justified, when I'd like it to be centered. I've tried
increasing the canvas size, reducing the image size, (which seems
to be the same as canvas) and have had no luck. What should I do to
center the website? You can see an example
here.
Thanks!

quote:
Originally posted by:
Newsgroup User
Of course, using FW to write your HTML is a big mistake. All
of your HTML
work should be done in Dreamweaver.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"heathrowe" <[email protected]> wrote in
message
news:g0iv25$ngr$[email protected]..
> Center alignment is not available as an option, so you
will have to
> manually
> adjust this in the final html source code.
>
> Having looked at your page code, your quickest option is
to open that page
> in
> your favorite editor of choice and change
> <table border="0" cellpadding="0" cellspacing="0"
width="1074">
>
> to
>
> <table border="0" cellpadding="0" cellspacing="0"
width="1074"
> align="center'>
>
> h
>
Not everyone is on the same level of experitse as you :)
Yet alone have/use Dreamweaver.
h

Similar Messages

  • Keep Website Centered in Web Browser Window

    Hi
    Im using Dreamweaver CS4 and I was wondering, how can I make it so that whatever size you make your web browser window it stays in the middle? E.g. touchthisgames.com Its simple like my website will be but it all stays in the centre no matter what size your browser window is. Any help much appreciated, thanks.

    See the following link and view source code in browser.
    http://alt-web.com/TEMPLATES/Basic-1-col-fixed.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

  • Website centers in safari 5.4 but not safari 5.9

    Need Help!! 
    My website will center on Safari 5.4 but not in Safare 5.9  
    any help would be greatly appreciated!!!

    What is the URL to a file that displays this behavior?
    My guess is WMP file formats and Flip4Mac differences in the two machines.

  • Website size and centering

    Hey im having a super hard time doing the easiest thing! I
    just want my website centered. the code is below ive even made a
    ccs style that should center it but i dont know how to let this
    html know how to talk to the css style.
    Also its 4.2 mb that seems kind of big or is that normal for
    a portfolio website? The site is christianvonstackelberg.net I'd be
    happy to send to source file. Thanks.

    For anyone who might chance upon needing this posting,
    regrettably the proposed solution above does not nest the 'center'
    tags correctly. It should be:
    <body bgcolor="#ffffff">
    <center>
    </center>
    </body>
    </html>

  • Any comments or suggestions portfolio website

    Hey all I was just wondering how you get your flash website
    centered on the page. Also my site has a movie with pictures and I
    cant seem to get the cursor to toggle to a hand so the user knows
    when you click it a new page will open up. Can you guys give me
    some feed back on the site too I'd be happy to send the source file
    in order to make it faster as well as money. Thanks the site is
    christianvonstackelberg.net. -Christian

    I visited the url you provided and both the image and the
    name do switch to a hand pointer when I mouse over them. What you
    might want to do is make it more obvious to click on things by
    including a button or link that directly indicates to click it to
    enter the site. It saves people from guessing where they need to
    click and what clicking on something will bring them to. For
    example, I clicked on the picture, but wasn't sure where it would
    take me in doing that... maybe a bio of you? maybe a bigger
    picture? maybe the web site?

  • Please help centering website!!

    Hello,
    After researching and getting lost with so many different responses, I figured I'd ask myself to get the response I needed. I use Dreamweaver CS 5.5 and I am having a ton of trouble figuring out how to make it so my website is centered on all monitors and devices. Here is the current website: http://www.kyledake.com/
    However, I am removing and adding a lot of stuff, so I thought now would be a good time to fix things. Here is the code of the homepage I am fixing up; after removing a lot fo the content. I apologize for posting all of it, I don't know specifially where to look. I use a lot of DIVs too, so if anyone has an alternate solution to get things on the site where I want them, please let me know:
    <!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" />
    <meta name="viewport" content="width=device-width" />
    <title>Kyle Dake Official Website</title>
    <style type="text/css">
    #apDiv1 {
        position:absolute;
        left:247px;
        top:16px;
        width:1041px;
        height:1336px;
        z-index:1;
        background-color: #FFFFFF;
    #Menu {
        font-family: arial;
    </style>
    <style type="text/css">
    body,td,th {
        font-family: Arial, Helvetica, sans-serif;
    a:link {
        color: #8A0404;
        text-decoration: none;
    a:visited {
        text-decoration: none;
        color: #8A0404;
    a:hover {
        text-decoration: none;
        color: #000;
    a:active {
        text-decoration: none;
        color: #000000;
        text-align: center;
    #apDiv5 strong {
        font-size: 15px;
    #apDiv16 {
        position:absolute;
        left:436px;
        top:398px;
        width:633px;
        height:939px;
        z-index:16;
        background-image: url(background_content.png);
        text-align: justify;
        font-family: Arial, Helvetica, sans-serif;
    #apDiv17 {
        position:absolute;
        left:1290px;
        top:-5px;
        width:2392px;
        height:1350px;
        z-index:17;
        background-color: #000000;
        background-image: url(background.png);
    #apDiv18 {
        position:absolute;
        left:-5px;
        top:-5px;
        width:251px;
        height:1350px;
        z-index:18;
        background-color: #000000;
        background-image: url(Background_1.png);
    #apDiv19 {
        position:absolute;
        left:763px;
        top:597px;
        width:397px;
        height:166px;
        z-index:19;
    body {
        background-repeat: no-repeat;
        background-color: #000;
    </style>
    <style type="text/css">
    #apDiv4 {
        position:absolute;
        left:430px;
        top:125px;
        width:633px;
        height:257px;
        z-index:20;
    </style>
                    <!-- Start VideoLightBox.com HEAD section -->
            <link rel="stylesheet" href="dakevid_videolb/videolightbox.css" type="text/css" />
                <link rel="stylesheet" type="text/css" href="dakevid_videolb/overlay-minimal.css"/>
                <script src="dakevid_videolb/jquery.js" type="text/javascript"></script>
                <script src="dakevid_videolb/swfobject.js" type="text/javascript"></script>
            <!-- End VideoLightBox.com HEAD section -->
    <style type="text/css">
    </style>
    <link rel="stylesheet" type="text/css" href="banner_files/banner-rotator.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
    <script type="text/javascript" src="banner_files/jquery.banner-rotator.min.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
            $("#JQBannerRotator1").fdBannerRotator({keyboardEnabled:true,frameShadowEnabled:true,slid eWidth:615,slideHeight:250,slideScaleMode:"none",slideTransition:{type:"fade",duration:300 ,easing:"easeOutQuad"},slideDuration:5000,slideAutoplay:true,slidePauseOnHover:true,timerP osition:"top",timerVisible:true,captionAnimationSpeed:500,captionAnimationEasing:"easeOutQ uad",controlDirectionEnbled:false,controlDirectionHide:true,controlPlayEnabled:false,navig ationEnabled:true,navigationPositionTop:235,navigationPositionMargin:15,navigationAlign:"r ight",navigationThumbEnabled:false,navigationThumbServerScipt:"",navigationThumbSearch:".j pg",navigationThumbReplace:"_thumb.jpg",navigationThumbWidth:150,navigationThumbHeight:65, navigationThumbAnimationSpeed:200,navigationThumbAnimationEasing:"easeOutQuad"});
    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>
    <style type="text/css">
    #apDiv24 {
        position:absolute;
        left:441px;
        top:406px;
        width:627px;
        height:91px;
        z-index:25;
        text-align: center;
    #apDiv16 p .twitter-timeline {
        text-align: center;
    #apDiv25 {
        position:absolute;
        left:435px;
        top:1294px;
        width:636px;
        height:29px;
        z-index:26;
        font-size: 13px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
    #apDiv26 {
        position:absolute;
        left:438px;
        top:1276px;
        width:633px;
        height:23px;
        z-index:27;
        font-size: 13px;
        text-align: center;
    #apDiv26 a {
        color: #000;
        font-weight: bold;
    #apDiv25 a {
        color: #000;
    #apDiv35 {
        position:absolute;
        left:437px;
        top:1250px;
        width:202px;
        height:39px;
        z-index:36;
    a {
        font-family: Arial, Helvetica, sans-serif;
    #apDiv7 {
        font-weight: normal;
        font-size: 30px;
    #apDiv8 {
        position:absolute;
        left:592px;
        top:516px;
        width:327px;
        height:334px;
        z-index:39;
        text-align: justify;
        font-family: Arial, Helvetica, sans-serif;
    #apDiv10 {
        position:absolute;
        left:599px;
        top:806px;
        width:107px;
        height:36px;
        z-index:41;
    #apDiv11 {
        position:absolute;
        left:806px;
        top:804px;
        width:95px;
        height:35px;
        z-index:42;
    </style>
    </head><body onload="MM_preloadImages('facebook-button-1hover.png','twitter_1hover.png')">
    <div id="apDiv1"><a href="index.html"><img src="Header.png" width="1041" height="92" vspace="15" border="0" /></a></div>
    <div id="apDiv16">
      <p> </p>
          <p> </p>
      <p> </p>
          <p> </p>
    </div>
    <div class="JQBannerRotator" id="apDiv4">
      <div id="JQBannerRotator1" class="JQBannerRotator">
        <div class="overlay"></div>
        <ul class="data">
          <li><a href="eiwahof.html"><img class="slide" src="banner_files/slides/eiwa.jpg" alt=" "/></a></li>
          <li><a href="grandprix.html"><img class="slide" src="banner_files/slides/grandprix.jpg" alt=" "/></a></li>
          <li><a href="USAvRussia.html"><img class="slide" src="banner_files/slides/RUSSIAMATCH.jpg" alt=" "/></a></li>
          <li><a href="dakejoinscornell.html"><img class="slide" src="banner_files/slides/coaching.jpg" alt=" "/></a></li>
        </ul>
      </div>
    </div>
    <div id="apDiv24"><img src="Header2.png" width="338" height="93" align="middle" /></div>
    <div id="apDiv25">All Rights Reserved <a href="http://x-celworldwide.com/index.html">X-Cel Worldwide 2013</a> | © Kyle Dake 2013 | This is the official Kyle Dake Website </div>
    <div id="apDiv26">Site Design <a href="http://www.riccioproductions.com/" target="_new">Riccio Productions LLC</a></div>
    <div id="apDiv35"><a href="http://www.ai-sport.com/" target="_new"><img src="ai_wrestling.png" width="205" height="43" border="0" /></a></div>
    <div id="apDiv8"> Welcome to KyleDake.com, the official home to wrestling's most   prominent young super-star, Kyle Dake. Here you will find everything   related to Kyle, from news, photos, videos, merchandise, and more.Browse the site, and check out the new videos, photos, and   merchandise. Also, stay updated on Kyle Dake wrestling events, news, and   developments from speaking occasions, award receptions, and all other   public appearances.  Be sure to follow Kyle on Twitter and Like the Official Fan Page on Facebook!  </div>
    <div id="apDiv10"><a href="https://www.facebook.com/KyleDakeOfficial" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','facebook-button-1hover.png',1)"><img src="facebook-button-1.png" name="Image19" width="81" height="33" border="0" id="Image19" /></a></div>
    <div id="apDiv11"><a href="https://twitter.com/kyledake444" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','twitter_1hover.png',1)"><img src="twitter_1.png" name="Image22" width="81" height="33" border="0" id="Image22" /></a></div></div>
    </body>
    </html>

    Sorry for the wait, had unexpected visitors.
    Have a look at the following. It will give you an idea of a layout without the nasty AP-divs.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style>
    html {
        background: #000000; /* place background image here */
    body {
        width: 1041px;
        margin: auto; /* keeps the page centered */
        font-family: Arial, Helvetica, sans-serif;
    a {
        color: #8A0404;
        text-decoration: none;
    a:hover {
        color: #000;
    .header {
        height: 92px;
        background: url(Header.png);
    .header .nav {
        width: 450px;
        float: right;
        margin-top: 55px;
    .header .nav span {
        font-size: 12px;
        font-weight: bold;
        color: #8a0404;
        margin-left: 25px;
    .navbar {
        background: #FFFFFF;
        line-height: 35px;
        padding: 10px;
    .navbar .nav {
        width: 50%;
        float: left;
    .navbar .hashtag {
        text-align: right;
        font-size: 30px;
        color: #8a0404;
      font-weight: bold;
    .content {
        background: #FFFFFF;
    .aside {
        width: 395px;
        float: right;
        color: #8a0404;
        background: #FFFFFF;
    .section.main {
        background: #FFFFFF;
        width: 646px;
        float: left;
    .article {
        background: #FFFFFF url(background_content.png) repeat-y;
        min-height: 889px;
        padding: 15px;
    .centertxt {
        text-align: center;
    .righttxt {
        text-align: right;
        padding-right: 15px;
    img.center {
        display: block;
        margin: auto;
    </style>
    <link rel="stylesheet" href="dakevid_videolb/videolightbox.css" />
    <link rel="stylesheet" href="dakevid_videolb/overlay-minimal.css"/>
    <link rel="stylesheet" href="banner_files/banner-rotator.css" />
    <body>
    <div class="header">
      <div class="nav">
        <img src="twitter_birdhover.png" alt=""/>
        <img src="fbhov.png" alt=""/>
        <span>
        <a href="index.html">Home</a> | <a href="about.html">About</a> | <a href="http://www.xcelonlinestore.com/collections/kyle-dake-official-merchandise" target="_new">Merchandise</a> | <a href="media.html">Media </a>| <a href="sponsors.html">Sponsors </a> | <a href="contact.php">Contact</a><span>
      </div>
    </div>
    <div class="navbar">
        <div class="nav">
        <a href="index.html">Home</a> | <a href="news.html">News</a> |<a href="representation.html"> Representation</a> | <a href="events.html">Events</a>
      </div>
      <div class="hashtag">
          <span>#Dakecountry</span>
      </div>
    </div>
    <div class="content">
        <div class="section main">
        <div id="JQBannerRotator1" class="JQBannerRotator">
          <div class="overlay"></div>
          <ul class="data">
            <li><a href="eiwahof.html"><img class="slide" src="banner_files/slides/eiwa.jpg" alt=" "/></a></li>
            <li><a href="grandprix.html"><img class="slide" src="banner_files/slides/grandprix.jpg" alt=" "/></a></li>
            <li><a href="USAvRussia.html"><img class="slide" src="banner_files/slides/RUSSIAMATCH.jpg" alt=" "/></a></li>
            <li><a href="dakejoinscornell.html"><img class="slide" src="banner_files/slides/coaching.jpg" alt=" "/></a></li>
          </ul>
        </div>
        <div class="article">
            <h3>Article</h3>
          <p>It is the star to every wand'ring bark, oh, no, it is an ever fixed mark within his bending sickle's compass come. But bears it out even to the edge of doom. Love's not time's fool, though rosy lips and cheeks I never writ, nor no man ever loved. That looks on tempests and is never shaken; or bends with the remover to remove. Within his bending sickle's compass come; admit impediments; love is not love let me not to the marriage of true minds.</p>
          <p>But bears it out even to the edge of doom. If this be error and upon me proved, that looks on tempests and is never shaken. Admit impediments; love is not love or bends with the remover to remove.</p>
          <p>Which alters when it alteration finds, love's not time's fool, though rosy lips and cheeks whose worth's unknown, although his height be taken. If this be error and upon me proved, oh, no, it is an ever fixed mark let me not to the marriage of true minds. Or bends with the remover to remove. But bears it out even to the edge of doom. That looks on tempests and is never shaken; love's not time's fool, though rosy lips and cheeks whose worth's unknown, although his height be taken.</p>
        </div>
      </div>
      <div class="aside">
        <img src="gear.jpg" alt=""/>
        <img src="signed.png">
        <img src="dakevid_videolb/thumbnails/0.png" alt=""/>
        <div class="centertxt"><small>Kyle Dake Career Highlight - Official</small></div>
        <p class="righttxt">View Full Video Gallery</p>
        <img src="photostring.png" alt=""/>
        <p class="righttxt">View Full Video Gallery</p>
        <img src="cf2.png" alt="" class="center"/>
        <img src="mil_tools.png" alt="" class="center" style="margin-top: -60px;"/>
      </div>
    </div>
    </body>
    </html>
    As said, it is only the layout, I ran out of time. You will have to apply the finishing touches.

  • Website is not centered in Mozilla Firefox

    Hello,
    Our website was designed by a developer with whom we no longer can get in touch with. We have a small issue and we just can not figure out how to resolve it so we are turning to you for assistance.
    When you open our website http://nflalumnisouthflorida.org in Internet Explorer it is aligned properly in the center of the page, however when we open it in Mozilla Firefox it is displayed on the left side.
    I am sure it is a simple oversight when it was originally developed, however we can not find the proper line in the code to correct this.
    Please help.
    Thank you in advance for your attention and assistance,
    NFL Alumni South Florida Chapter Team

    I have a related problem with weebly in Mozilla. The website itself is horizontally centered, but my menu (container) is not. Could someone help me? Thank you in advance !
    <pre><nowiki>#nav-wrap .container {
    clear: both;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    display: inline; /*allow the centering to work*/
    #nav-wrap table {
    display: inline; /*allow the centering to work*/
    margin-left: 0 auto;
    margin-right: 0 auto;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 15px;
    #menu {
    vertical-align: middle;
    width: 100%;
    text-align: center;
    margin: 0;
    #nav-wrap .container ul {
    list-style: none;
    display: inline;
    #nav-wrap .container ul li {
    list-style: none;
    display: inline; /*allow the centering to work*/
    margin-left: 10px;
    margin-right: 10px;
    #nav-wrap .container ul li a {
    display: inline; /*allow the centering to work*/
    font-family: 'Verdana';
    color: #1379dc;
    text-decoration: none;
    padding: 5px 5px;
    border: 0px;
    list-style-type: none;
    font-size: 16px;
    #nav-wrap .container ul li#active a,
    #nav-wrap .container ul li a:hover {
    background: #de16a5;
    font-family: 'Verdana';
    color: #ffffff;
    border: 0;
    }</nowiki></pre>

  • Website not centering! Code and Pic included.

    I can't seem to center my website, please look at my code and tell me what I'm doing wrong, I just started coding today.
    There is my code so far and here is the layout of what it's suppose to look like.
    <!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" />
    <title>VisualizeControllers</title>
    <style type="text/css">
    .Container {
              height: 1397px;
              width: 1280px;
              margin-right: auto;
              margin-left: auto;
              text-align: left;
    body {
              background-image: url(images/BG.jpg);
              background-repeat: repeat;
    #Logo {
              position: absolute;
              width: 115px;
              height: 119px;
              z-index: 1;
              left: 34px;
              top: 13px;
    #VisualizeControllers {
              position: absolute;
              width: 200px;
              height: 53px;
              z-index: 2;
              left: 158px;
              top: 34px;
    #Slogan {
              position: absolute;
              width: 200px;
              height: 24px;
              z-index: 3;
              left: 173px;
              top: 89px;
    </style>
    </head>
    <body>
    <div class="Container" id="Container">
    <div id="Logo"><img src="images/Logo.jpg" width="114" height="115" title="" /></div>
    <div id="VisualizeControllers"><img src="images/VisualizeControllers.jpg" width="407" height="51" /></div>
    <div id="Slogan"><img src="images/Slogan.jpg" width="375" height="24" /></div>
    </body>
    </html>
    http://gyazo.com/f13c7b9e07393061dd1ad20c3e38d06a
    I can upload dimensions of all those pics in the picture if you ask. Please help me out and let me know. I'm a beginner. :/

    I just uploaded to 000webhost.com and used FTP FileZilla. That is my website so far and the problem is as you can see in this picture. I inspected the element in chrome and this is the picture. http://i46.tinypic.com/vhg64k.png and as you can see the "Container" is highlighted in blue and that is where I want my logo and everything to be in and for some reasons I can't seem to get it inside the container. I just realized that the container is centered and I got that margin on auto which is good, but why is the contents not in it? Any help with that?

  • Website not centered on layout, but it is on Internet Explorer, what could be the problem?

    My website www.thegreatestmindsofourtime.com/downloadpagemain.htm
    does not get centered when it displayed with Firefox.
    But if I use internet explorer, it is centered as it supposed to be.

    I'm not seeing that style rule.
    <pre><nowiki>.style54 {
    background-color: #FFFFFF;
    </nowiki></pre>
    You can test it by pasting this bookmarklet code in the Scratchpad window and execute (run) the code via Ctrl+R<br />
    <br />
    <pre><nowiki>javascript:(function(){var doc=document,css=doc.createElement('LINK');css.rel='stylesheet';css.type='text/css';css.href='data:text/css,'+'.style54 {margin-left:auto; margin-right:auto;}';doc.documentElement.childNodes[0].appendChild(css);})();</nowiki></pre>

  • Centering website

    hello all,
    workin on my first ever flash website, and its pretty much
    finished.
    im having problems with centering my site.
    i know its an issue that has allready alot of posts and i
    have looked then all up but all
    i managed to do from what i learned from them was to center
    it horizontally.
    im having problems with centering it vertically.
    i dont know anything about html so im posting it entirely
    here:
    <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-8" />
    <title>Untitled-6</title>
    <script language="javascript">AC_FL_RunContent =
    0;</script>
    <script src="AC_RunActiveContent.js"
    language="javascript"></script>
    </head>
    <body bgcolor="#ffffff">
    <center>
    <!--url's used in the movie-->
    <a href="D:\website\doc\CV-heb.rtf"></a>
    <a href="mailto:[email protected]"></a>
    <!--text used in the movie-->
    <!-- saved from url=(0013)about:internet -->
    <script language="javascript">
    if (AC_FL_RunContent == 0) {
    alert("This page requires AC_RunActiveContent.js.");
    } else {
    AC_FL_RunContent(
    'codebase', '
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
    'width', '850',
    'height', '600',
    'src', 'Untitled-6',
    'quality', 'high',
    'pluginspage', '
    http://www.macromedia.com/go/getflashplayer',
    'align', 'middle',
    'play', 'true',
    'loop', 'true',
    'scale', 'showall',
    'wmode', 'window',
    'devicefont', 'false',
    'id', 'Untitled-6',
    'bgcolor', '#ffffff',
    'name', 'Untitled-6',
    'menu', 'true',
    'allowFullScreen', 'false',
    'allowScriptAccess','sameDomain',
    'movie', 'Untitled-6',
    '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="850" height="600" id="Untitled-6" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="Untitled-6.swf" /><param
    name="quality" value="high" /><param name="bgcolor"
    value="#ffffff" /> <embed src="Untitled-6.swf" quality="high"
    bgcolor="#ffffff" width="850" height="600" name="Untitled-6"
    align="middle" allowScriptAccess="sameDomain"
    allowFullScreen="false" type="application/x-shockwave-flash"
    pluginspage="
    http://www.macromedia.com/go/getflashplayer"
    />
    </object>
    </noscript>
    </body>
    </center>
    </html>
    thanks in advance,
    joel

    hello kglad,
    sorry to be a nag, but i put the lines you gave me and still
    im getting only vertical alignment.
    here is what i did:
    <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-8" />
    <title>Untitled-7</title>
    <script language="javascript">AC_FL_RunContent =
    0;</script>
    <script src="AC_RunActiveContent.js"
    language="javascript"></script>
    <style type=text/css>
    html, body {
    height: 100%;
    body {
    text-align: center;
    padding: 0;
    margin: 0;
    div#distance {
    margin-bottom: -10em;
    background: red;
    width: 1px;
    height: 50%;
    float: left;
    div#flash {
    position: relative;
    text-align: left;
    height: 20em;
    width: 40em;
    background: blue;
    margin: 0 auto;
    clear: left;
    </style>
    </head>
    <body bgcolor="#ffffff">
    <!--url's used in the movie-->
    <!--text used in the movie-->
    <!-- saved from url=(0013)about:internet -->
    <script language="javascript">
    if (AC_FL_RunContent == 0) {
    alert("This page requires AC_RunActiveContent.js.");
    } else {
    AC_FL_RunContent(
    'codebase', '
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
    'width', '850',
    'height', '600',
    'src', 'Untitled-7',
    'quality', 'high',
    'pluginspage', '
    http://www.macromedia.com/go/getflashplayer',
    'align', 'middle',
    'play', 'true',
    'loop', 'true',
    'scale', 'showall',
    'wmode', 'window',
    'devicefont', 'false',
    'id', 'Untitled-7',
    'bgcolor', '#ffffff',
    'name', 'Untitled-7',
    'menu', 'true',
    'allowFullScreen', 'false',
    'allowScriptAccess','sameDomain',
    'movie', 'Untitled-7',
    'salign', ''
    ); //end AC code
    </script>
    <noscript>
    <div id="distance"></div>
    <div id="flash">
    <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="850" height="600" id="Untitled-7" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="Untitled-7.swf" /><param
    name="quality" value="high" /><param name="bgcolor"
    value="#ffffff" /> <embed src="Untitled-7.swf" quality="high"
    bgcolor="#ffffff" width="850" height="600" name="Untitled-7"
    align="middle" allowScriptAccess="sameDomain"
    allowFullScreen="false" type="application/x-shockwave-flash"
    pluginspage="
    http://www.macromedia.com/go/getflashplayer"
    />
    </object>
    </div>
    </noscript>
    </body>
    </html>
    what am i doing wrong????
    thanks, joel

  • Problem with centering website, please help

    Hello
    I designed a website in with my 17" laptop and it looks great on my computer.  I used the elastic template with a header and sidebar that is installed in Dreamweaver CS4.  However, it looks terrible on a normal desktop computer!!  The container is off to the left side of the screen, when on my laptop it is nicely centered.  I used the striped background image to frame it in but when its not centered right it doesn't look so hot.    How can I fix this?  I'm so fustrated!!  I just want it to look the same on all monitors and be nicely centered.
    Here is the website: www.flirtclothing.ca
    Please help!!
    Thank you
    Jenn

    Looks fine to me in Chrome, IE 8, Firefox, Opera, and Safari (all on XP).
    Beth

  • Centering a table based website.

    Hi,
    I created a table based website. I want to center everything rather than it being left justified.
    I am kinda new to dreamweaver.  Here is a rough copy of the site.
    http://test.taffyproductions.com/
    thanks,
    Gary

    You need three things to center a page.
    1) a valid document type
    2) a width in pixels, % or ems
    3) margin-left and margin-right set to auto.
    Try this.  Copy and paste this code into a new HTML document.
    <!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=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    body {width: 100%; background:silver}
    #wrapper {
    width: 900px; /**adjust width as needed**/
    margin:0 auto; /**centers on screen**/
    text-align: center; /**centers in older browsers**/
    background: #FFF;
    </style>
    </head>
    <body>
    <div id="wrapper">
    <p>Your content goes here</p>
    <table width="100%" border="1" cellspacing="3" cellpadding="5">
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>
    <p>end of #wrapper</p>
    </div>
    </body>
    </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

  • Centering a very wide Edge Website?

    I'm trying to find a way to center a website built in Adobe Edge Animate, and having a heck of a time. I've tried virtually every code I've found for centering a website, without any luck so far.
    I have a website that is 2000px wide. Its this wide so that it formats well on large screen resolutions with ease, however, I want it to look good for people that have resolutions below 1920x1080, however I can't find a way to do it. Here is the website as it right now
    http://zsuttonphoto.com/Press.html
    Obviously, I would like the horizontal scroll bar to be removed, and the center column to be centered in the screen, so that it looks like this--
    http://i.imgur.com/AYR4bAe.jpg
    Does anyone have any advice on how to do this?

    Hey Z
    Here is a small sample (exclusive of any coding) jus to give you an idea. Also sample is minimal just to showcase.
    Preview example in browser and resize.
    Preview: http://www.heathrowe.com/edge/presskit/presskit.html
    Download: http://www.heathrowe.com/edge/presskit/presskit.zip
    Key points
    - Stage w is set to 100%, to provide full independant with
    - Anything else on the stage is contained in blocks (nested divs) for mangement and position puposes. Example top area elements is in a nested div called 'Top'; bio elements is nested in a div called 'bioArea' etc.
       The key with the positioning is to make the nested div blocks % (in my case 100% w) w/h and relative to the Top/Left (%) of the Stage. Select thee 'Top' div group for example and observe the Position and Size properties in the Property Panel.
       The next key is to position the elements within the nested div blocks relative to its own container. So the same principle applies -. in the case of the 'Top' div it has your header image, a fake logo to the left, and a fake tag line to the right, and a menu bar. These elements are nested in the 'Top' div so to make them relative in position - set the X/Y to % and ensure the upper left position marker is active. This tells Edge to 'lock' the relative position to the parent container (Top) to the upper left. Select the fake byLine element, set X/Y to % and ensure the upper right marker is active.
    Then work your way down, for each element relative to the container its in.
    Note I only used 2 images in the above example. You can make good use of the Edge div/text tool where possible to avoid over-use of images.
    Its a quick example and some trial/error will be required. Just make sure to test each element position before moving along. Also as you scale down to say a mobile phone width, some 'resize' event handler will be required to hide some elements, change font size etc where desired or applicable.
    hth
    Darrell

  • Website Always centered

    I am trying to make a flash website, very simple website, I
    don't know coding or anything but I know enough to make a flash
    website. One thing I really NEED that I can't seem to figure out
    how to do is Make my flash website Always stay centered no matter
    how big or small the user makes their browser window. And if they
    change the browser window sie then the site adjusts and centers
    itself.
    Can Anyone help me out? It seems like a fairly simple thing
    to do, I just can't seem to figure it out? Do I HAVE to use code or
    can I click a setting somewhere? I never used code.
    Thanks for your help.

    You can use a table HTML/XHTML center it and put your flash
    object/file in it
    or simply align the body tag "center".
    To make your flash stage bigger/smaller depending on the
    screen/browser window size,
    use 100% for the width and the height of your embedded .swf
    file.

  • I have created a version of my website with muse for tablet but the home/index page is not centered

    I have created a version of my website with muse for tablet but the home/index page is not centered (leave some space on the right ) when see it on my ipdad which is weird as the other pages are centered .Please help!
    thanks

    See my post here <http://forums.adobe.com/message/5410674#5410674>

Maybe you are looking for