IE Compatibility - Help Needed!

Discussion in 'HTML & Website Design' started by rpatrizio, Feb 10, 2011.

  1. #1
    Hey,

    Currently designing and creating a website. The sidebar is ruined in every version of IE :(

    Website is ps3connect . com

    Obviously get rid of spaces where needed.

    Thanks in advance for any help! Been really lost with this lately and I cannot figure out what the problem is.
     
    rpatrizio, Feb 10, 2011 IP
  2. iamgame

    iamgame Greenhorn

    Messages:
    23
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #2
    Seems like a "float" issue to me. This is kind of a common problem.

    Lookout for the #sidebar section in your site's theme's CSS file (wp-content/themes/zenko/style.css) There, try adjusting the width until everything appears normal.
     
    iamgame, Feb 10, 2011 IP
  3. Amiy

    Amiy Member

    Messages:
    37
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #3
    I am getting some jquery script error while loading in IE 7. Better check that out first. if thats resolved, mayb you could proceed with css changes. Adding float to #sidebar and setting its width appropriately can solve your IE compatibility issue.
     
    Amiy, Feb 11, 2011 IP
  4. rpatrizio

    rpatrizio Peon

    Messages:
    72
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks for the help guys. Would you mind telling me what script the error is coming from? I cannot replicate that on my IE.

    #sidebar {
    float:left;
    width:300px; }

    This is what i have for my sidebar. Adjusting this doesnt seem to do much. Putting float: right, ruins the site . And adjusting the width does as well..
     
    rpatrizio, Feb 11, 2011 IP
  5. AtSeaDesign

    AtSeaDesign Active Member

    Messages:
    172
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    93
    #5
    I would agree its a float issue but hard to distinguish since you have all these clearing divs.

    Try this:

    
    <div id="content" width:96%;margin:0 auto//adjusts padding>
       <div id="left">float:left;width:50%</div>
    <div id="right">float:left;width:50%</div>
    </div>
    
    Code (markup):
     
    AtSeaDesign, Feb 11, 2011 IP
  6. snogglemedia

    snogglemedia Peon

    Messages:
    44
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    The whole site design looks incredible... very nice work!
     
    snogglemedia, Feb 11, 2011 IP
  7. rpatrizio

    rpatrizio Peon

    Messages:
    72
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thank you very much for the compliment. Still no luck with IE fixing. So I posted an ad in the services area hiring someone to do it a long with a few other easy tasks. PM me if you are interested.
     
    rpatrizio, Feb 14, 2011 IP