Skip navigation
icklebea
Currently Being Moderated

Another problem with centering the website

Jun 20, 2013 11:54 PM

Tags: #centering #dreamweaver #fireworks #layout #cs6

Hi, I know this has been brought up here before but I think the way I have built my site is slightly different so I didn't manage to find the answer y

 

I designed a website in Fireworks then exported it as html in to dreamweaver CS6 but when I checked it on some other browsers and on a laptop, the pages don't sit in the centre.
When I was using earlier versions I was always able to figure out how to do this but DW has changed slightly with CS6 which I only just got, so I am having some trouble

working out how to do things.

 

I realise this is an amateurish way of doing things ... that's because I just taught myself everything and have never had professionals or experts to help me improve my site building.

 

I would appreciate your advice!

I am desperate to learn how to make better websites for all of my projects, I have always pretty much just made it up as i went along and managed to get away with it until now.

 

Help please!

 

This is the website http://www.iimm.co.uk/

 

Thanks

 
Replies
  • Currently Being Moderated
    Jun 21, 2013 1:15 AM   in reply to icklebea

    As you say yourself this is a terrible way to build a site.

     

    You can try the below and see what results it gives you but nothing guaranteed because the structure can become unmanagable when you export html from Fireworks.

     

    Change this:

     

    <div align="center">

     

    To:

     

    <div id="pageWrapper">

     

    Then add the below css selector to the css styles which you have at the top of the page:

     

    #pageWrapper {

        width: 956px;

        margin: 0 auto;

    }

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 21, 2013 4:23 AM   in reply to icklebea

    Hi icklebea,

     

    I am using Firefox 21.0 to preview your page and its Style Editor show.

     

    body {

    background-repeat: no-repeat;

    background-color: #2D2D2D;

    margin-left: 130px;

    }

     

    Seems there is some inline styling done in the page. Try if you can find "margin-left:130px;" set on your home page somewhere. Remove that property from the body selector..

     

    Thanks

    Bhawna

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 1, 2013 5:21 AM   in reply to icklebea

    Hi icklebea,

    body {

        #pageWrapper {

         width: 956px;

         margin-left: 0 auto;

         background-repeat: no-repeat;

         background-color: #2D2D2D;

    }

    body is a tag selector and you can not define an id within that. So, try this.

     

    body

    {

         background-color: #2D2D2D;

         font-family: Verdana, Geneva, sans-serif;

    }

     

    #pageWrapper

    {

    width: 956px;

    margin-left: 0 auto;

    }

     

    td,th {

        font-family: Verdana, Geneva, sans-serif;

    }

     

    td img {display: block;}

    </style>

    </head>

    <body>

    <div id="pageWrapper">

    There is not need of the background-repeat: no-repeat; as you have not defined any background image.

     

    Thanks,

    Bhawna

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 1, 2013 10:45 AM   in reply to icklebea

    I am going to learn how to improve my 'website building' with the help of a friend who is professional

    In the meantime, open DW.  Go to File > New > Blank page > HTML > and select one of the pre-built CSS Layouts from the 3rd panel. 

     

    Hit Create. 

     

    Voila!  You now have a web standards compliant page layout you can use for your projects. 

     

    Insert your own text and images.   Save.  Upload to your remote site.

     

    It really is that easy.

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points