Main Page Css error :S

Discussion in 'CSS' started by richkid, Sep 24, 2007.

0
  1. #1
    Hi guys,

    I have just updated the design for my SEO Company and I am having some errors with the css on the main page.

    MarketingPros.com.au
    you will notice that the sides dont align properly.

    but when you go to a subpage like this one

    it all looks fine.

    anyone know what is going on?

    thanks
     
    richkid, Sep 24, 2007 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Well, the first thing I notice:

    <div id="mbg2">
    <div id="mainbg">

    with the CSS:

    #mbg2 {
    width:750px;
    padding:0 4px 0 4px;
    }
    #mainbg {
    width:750px;
    padding:0 4px 0 4px;
    }

    That could have something to do with it... mainbg's total width (758px) is bigger than the inner width of mbg2 (750px)

    Also, you've got some wierdness in there:
    <div class="footer" div align="center">

    You might also want to check that you are opening and closing all your tags properly, and try to cut down on the total number of tags you are using. We have this thing called validation now, and while most of the errors are just tags not being closed, it would also have picked up the invalid declaration above.

    One should also consider using lists and maybe including an H1 tag... given this is supposed to be a site about marketing and talking about SEO, it might be helpful if the page itself was semantically coded, and used lists and header tags properly, and did more to separate presentation from content.
     
    deathshadow, Sep 24, 2007 IP