Image Centered on FireFox, Not in IE7... Please HELP!

Discussion in 'HTML & Website Design' started by joshril27, Jan 13, 2009.

  1. #1
    hayespropertyinvestments.com

    Not sure what's wrong.. talking about the logo file.

    Thanks!
     
    joshril27, Jan 13, 2009 IP
  2. camp185

    camp185 Well-Known Member

    Messages:
    1,653
    Likes Received:
    51
    Best Answers:
    0
    Trophy Points:
    180
    #2
    Guess you fixed it? Looks the same in FF and IE8 for me.
     
    camp185, Jan 13, 2009 IP
    joshril27 likes this.
  3. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #3
    It looks bad in IE7 though... Image is left justified instead of centered. I think most internet users are still using IE7 unforntunately...
     
    joshril27, Jan 13, 2009 IP
  4. gnp

    gnp Peon

    Messages:
    137
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #4
    best solution would be to set the image display property to block and add a left margin ...
    display:block;
    left-margin:..px;
     
    gnp, Jan 13, 2009 IP
    joshril27 likes this.
  5. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Not the best coder... would you mind showing me exactly what to replace and with what?

    Rep added btw..
     
    joshril27, Jan 13, 2009 IP
  6. gnp

    gnp Peon

    Messages:
    137
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #6
    go to your custom.css file and add this
    
    #logo img {
     display:block;
     margin-left:13px;
    }
    Code (markup):
    in the same file you should also find the
    #logo {
    	height: 92px;
    	width: 174px;
    	background-color : #285F94;
    }
    Code (markup):
    and change it to
    #logo {
    	height: 92px;
    	background-color : #285F94;
    }
    Code (markup):
    (i removed the width, as you apply it to a td element which has a forced size of 201px inherited from the table it belongs to..)

    take care
     
    gnp, Jan 13, 2009 IP
  7. carminx

    carminx Peon

    Messages:
    381
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #7
    the problem is solved?
     
    carminx, Jan 13, 2009 IP
  8. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Looks good! Thanks a million!
     
    joshril27, Jan 13, 2009 IP
  9. Duberz

    Duberz Banned

    Messages:
    37
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    IE is always such a biatch.. i always get gaps and such between tables
    [​IMG]
     
    Duberz, Jan 13, 2009 IP
  10. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I wish everyone would dump them...
     
    joshril27, Jan 13, 2009 IP
  11. gnp

    gnp Peon

    Messages:
    137
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Glad it worked Joshril27.

    (yep, IE is crappola..)
     
    gnp, Jan 13, 2009 IP
  12. joshril27

    joshril27 Peon

    Messages:
    858
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Thanks again!
     
    joshril27, Jan 13, 2009 IP