My site Works with Firefox, but looks terrible in IE

Discussion in 'HTML & Website Design' started by chezzy62, Feb 13, 2007.

0
  1. #1
    www.relevantreviews.net

    Unfortunately, I have a problem. It works fine in Firefox, but it looks totally messed up in Internet Explorer. I checked the w3 validation service, and I found 7 errors. Does anyone know what I did wrong to make the site look like crap on Internet Explorer?

    I appreciate the help,
    Josh.
     
    chezzy62, Feb 13, 2007 IP
  2. my44

    my44 Peon

    Messages:
    722
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The problem is with your CSS. Your original code:

    #main {margin-right: 29%; margin-top: 10px;  padding: 5px; color: #777777;}
#main h2 {margin: 0; color: #ff9933;}
#main a {color: #ff9933; text-decoration: underline;}
#main a:hover {color: #dd0000;}
    Code (markup):
    You need to change to become this (as shown in bold):
    #main {margin-right: [B]5%;[/B] margin-top: 10px;  padding: 5px; color: #777777;}
#main h2 {margin: 0; color: #ff9933;}
#main a {color: #ff9933; text-decoration: underline;}
#main a:hover {color: #dd0000;}
    Code (markup):
    Why? Since you already set
    #outside {[B]margin-left: 5%;[/B] margin-right: 5%; border-top: solid 10px #ff9933; border-bottom: solid 2px #ff9933; background-color: #ffffff;}
    Code (markup):
    It was a conflict. Your #main and #outside. IE got really confused.
     
    my44, Feb 13, 2007 IP
  3. chezzy62

    chezzy62 Peon

    Messages:
    116
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks a bunch for the help. Unfortunately, I performed the neccessary actions, and IE is still confused. Anything else wrong with the coding?
     
    chezzy62, Feb 13, 2007 IP
  4. my44

    my44 Peon

    Messages:
    722
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #4
    When I change the code as shown below, it looked fine with my IE.
     
    my44, Feb 13, 2007 IP
    chezzy62 likes this.
  5. chezzy62

    chezzy62 Peon

    Messages:
    116
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Haha, thats wierd. Do you have IE7? I don't have Internet Explorer on this particular computer, so I have to keep switching back-and-forth between computers to see if it works. And yes, it's a mac. Can anyone else spot something wrong with the code? I can give $2-4 for this small problem if anyone wants it.
     
    chezzy62, Feb 14, 2007 IP
  6. Munk

    Munk Peon

    Messages:
    56
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Get the page validating and your problems will likely go away. If it's validating and you're still having problems PM me and I'll help you fix it. Install the Web Developer toolbar for FireFox and validation is a simple ctrl+shift+h away. This extension also has a thousand other benefits for a web developer...

    Also, FYI that album cover's file size is about 10x larger than it needs to be. You should resize & optimize in Photoshop. Using a bunch of non-breaking-spaces to do your positioning is kludgey/problematic too. You should use CSS alternatives. (padding, margin, text-align)
     
    Munk, Feb 14, 2007 IP