Layout problem in IE but not Firefox

Discussion in 'HTML & Website Design' started by christian231, May 22, 2009.

  1. #1
    Would someone mind taking a look at www.NetGolfGames.com for me. In Firefox, the layout is fine, but in IE, the right column is bounced down below the main column. I've tried increasing the pagewidth as well as increasing the sidebar width, but it won't pull it back up. Any ideas would be appreciated. Thanks.
     
    christian231, May 22, 2009 IP
  2. david222

    david222 Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I noticed it's a wordpress blog.

    I think the main problem would be the width of the sidebar widget.

    Try to minimize the widget / try to remove the sidebar widget one by one, and check it with the IE browser to identify the problem widget.

    Hope this will helps...
     
    david222, May 22, 2009 IP
  3. christian231

    christian231 Well-Known Member

    Messages:
    1,509
    Likes Received:
    86
    Best Answers:
    0
    Trophy Points:
    140
    #3
    That's what I initially looked at, but I have another site with the same layout and it looks fine in IE...so I can't quite figure out what's causing the problem. The other site is www.topdrivinggames.com
     
    christian231, May 22, 2009 IP
  4. lebensborn

    lebensborn Peon

    Messages:
    40
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    have you fixed this? It displaying ok to me in IE7 and FF.
     
    lebensborn, May 22, 2009 IP
  5. V_tpp

    V_tpp Active Member

    Messages:
    1,140
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    80
    #5
    It made me laugh when saw the topic's title.
    It's almost ALWAYS a problem with how IE displays a page.
    Whenever you get that problem, the easier and cleaner solution would be to make a separate css file for IE.

    Add in your header.php this:

    <!--[if lte IE]>
    <link href="<?php bloginfo('template_url'); ?>/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    Code (markup):
    (i understand it's wordpress you are using) and just create an ie.css file where you play a little with the element's dimensions and positioning till you get it right. Upload ie.css in your theme's folder and you're done. :)
     
    V_tpp, May 22, 2009 IP
    christian231 likes this.
  6. christian231

    christian231 Well-Known Member

    Messages:
    1,509
    Likes Received:
    86
    Best Answers:
    0
    Trophy Points:
    140
    #6
    I did manage to fix it. It was a frickin social bookmark plugin that was bumping the sidebar down below the content. Once I disabled the plugin IE was back to normal. (Well as normal as IE can get)

    I like the ie.css idea too. I will definitely use that in the future as well. Rep added for that one.
     
    christian231, May 22, 2009 IP
  7. V_tpp

    V_tpp Active Member

    Messages:
    1,140
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    80
    #7
    Was the plugin much wider than the sidebar? Cause if not, I'm thinking that you could still keep it on and add "overflow:hidden" to your sidebar's properties in the css file.
    But anyway... glad you managed to fix it, and thanks for the apreciation :).
     
    V_tpp, May 22, 2009 IP
  8. Nandamuri

    Nandamuri Peon

    Messages:
    665
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    It seems to be okay in IE7. I have checked it
     
    Nandamuri, May 23, 2009 IP
  9. mihirp

    mihirp Peon

    Messages:
    38
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    b'coz that FF has more features and plugins
     
    mihirp, May 24, 2009 IP