#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2013
    Posts
    3
    Rep Power
    0

    CSS logo positioning issue


    First of all, I'm new to CSS and working on my first site so excuse my lack of knowledge and poor coding.

    Code:
    http://www.completethai.com/Josh/index.html
    I'm having trouble with the positioning of the logo in the top left. In Dreamweaver and Internet Explorer the logo is displayed right against the top of the page. However, in Chrome and Firefox it's pushed down about ~10 pixels, and I can't figure out why this discrepancy exists. I'm sure it's a result of my bad CSS and a relatively simple fix, I just don't know what it is.

    Any help would be greatly appreciated, thanks in advance.
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2013
    Posts
    3
    Rep Power
    0
    anyone? :/
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    876
    Rep Power
    275
    get rid of your *{margin:0 auto;}

    and try adding margin:0;padding:0; to your html, body{} css

    then setup a .center class and use margin:0 auto;text-align:center; in it for anything that you want to actually center.

    that would be my advice.
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2013
    Posts
    3
    Rep Power
    0
    The universal selector was the root of the problem, got rid of it and coded elements individually like you said and it fixed it.

    Thanks for the help, appreciate it.

IMN logo majestic logo threadwatch logo seochat tools logo