My Site looks different on Safari/Opera compared to other browsers

Discussion in 'HTML & Website Design' started by sjdanad26, Apr 22, 2008.

  1. #1
    As the title says, I'm having an issue with my site looking different on Safari and Opera browsers compared to Firefox or Internet Explorer. :confused:

    http://www.mymyTech.com

    When I view it on Safari or Opera, there's an extra heading space on top, and I have no idea why.

    I've also checked other sites that have same original theme, and they show flawlessly. If anyone knows the problem, please help me out.

    Thanks~
     
    sjdanad26, Apr 22, 2008 IP
  2. Syfonic

    Syfonic Peon

    Messages:
    452
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Are you using Safari and Opera on a Window OS?
     
    Syfonic, Apr 22, 2008 IP
  3. itcn

    itcn Well-Known Member

    Messages:
    795
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    118
    #3
    It's actually quite a bit messed up in IE6 also.
     
    itcn, Apr 22, 2008 IP
  4. sjdanad26

    sjdanad26 Peon

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Yes, I currently have Window XP, and it looked different on safari here, and opera on Wii.

    IE6 too? oh gosh =/

    On Firefox and IE7, it's flawless...I don't see what's causing the problem
     
    sjdanad26, Apr 22, 2008 IP
  5. DeathWeaver

    DeathWeaver Guest

    Messages:
    3
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Well that's pain in *** for all web designers. The problem is that all browsers read css and html on their own. This is way you have to check your sites on all of them. Keep in mind that 40% around the world still use IE6 that can't even read CSS 2.0 properly. There are number of tricks like playing with margins, ect. Try adding "display:inline;" -> this might help you a bit with IE6. Oh.. and make sure your calculations are ok (width/height for your dives)
     
    DeathWeaver, Apr 23, 2008 IP
  6. rebrain

    rebrain Peon

    Messages:
    60
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    "display:inline" - what does it do?
     
    rebrain, Apr 23, 2008 IP
  7. rebrain

    rebrain Peon

    Messages:
    60
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    sjdanad26: you have an adsense code in the head. I am sure you do not need it
     
    rebrain, Apr 23, 2008 IP
  8. sjdanad26

    sjdanad26 Peon

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    rebrain, I suppose I can get rid of it. I'll give it a try.

    EDIT: Oh deleting that out worked! I guess Opera isn't compatible with such coding.

    Would anyone mind to check it on IE6 please?
     
    sjdanad26, Apr 23, 2008 IP
  9. itcn

    itcn Well-Known Member

    Messages:
    795
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    118
    #9
    2 vertical things still broken in IE6:
    Your tag cloud column, and the SPOTT vertical ad column.
    These are gboth appearing at the bottom of the page, underneath all the other content.
     
    itcn, Apr 23, 2008 IP
  10. sjdanad26

    sjdanad26 Peon

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    ITCN, uh...I get what you mean but...sigh
     
    sjdanad26, Apr 23, 2008 IP