logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$5
Sidebar doesn't display correctly in IE 7

Hello

Does anyone know why this front page sidebar isn't showing in only IE 7, and only for the main template?

Thanks
http://www.indierockcafe.com

This question has been answered.

phil d'aoust | 10/04/10 at 11:13pm Edit


(3) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    10/20/10
    2:04am
    Bill Hunt says:

    The first thing I'm noticing is that you're using the center tag in the sidebar - which IE7 treats strangely, and isn't supported in XHTML anyway. Replace that with a div and you should be on the right path.

    • 10/05/10 9:42pm

      phil d'aoust says:

      Nope, per the premise of the question that would mean the sidebar would not display correcting on ALL pages of the site.

      The issue is only with the hompeage and only in IE7

  • avatar
    Last edited:
    10/20/10
    2:04am
    Duncan O'Neill says:

    Hi Phil,

    the best place to start would be to validate your css;

    http://tinyurl.com/2du95tp

    Don't worry so much about the -moz-opacity errors, but you may fix your problem if you fix the other errors. If not, at least you'd be starting from valid css, and would know that it was an IE7 error, rather than an error due to broken css.

    hope this helps,

    Duncan

  • avatar
    Last edited:
    10/20/10
    2:04am
    Nilesh shiragave says:

    try this just change in css right now in your style.css search for this code


    #wrapper {
    background:none repeat scroll 0 0 #FFFFFF;
    border-bottom:1px solid #CAC8C2;
    border-right:1px solid #CAC8C2;
    font-size:0.78em;
    padding:10px 15px 40px 20px;
    }

    just replace padding with

    padding:10px 0px 40px 20px;

    so final block will be

    #wrapper {
    background:none repeat scroll 0 0 #FFFFFF;
    border-bottom:1px solid #CAC8C2;
    border-right:1px solid #CAC8C2;
    font-size:0.78em;
    padding:10px 0px 40px 20px;
    }


    let me know if it works or not..

    Previous versions of this answer: 10/06/10 at 1:35am

    • 10/06/10 2:18am

      phil d'aoust says:

      No, that is not it either - the point all the answers are missing is that the sidebar displays correctly on every other post and page on the site except for the homepage.

      If I add an extra closing </div> at the end of the maintemplate - the sidebar displays correctly = but then it doesn't for all of the other browsers. Someone said i might need a IE7 exception script

    • 10/06/10 2:27am

      Nilesh shiragave says:

      hi phil,

      I checked your website source there is no issue with the closing </div> all div are closed.

      i think i forgot something..

      try this search for


      div#gridLeftFrame {
      float:left;
      margin:2px 0 0 4px;
      width:675px;
      }

      and replace with


      div#gridLeftFrame {
      float:left;
      margin:2px 0px 0px 4px;
      width:675px;
      overflow:hidden;
      }


      and search for

      #sidebar {
      border-left:1px solid #888787;
      border-spacing:1px;
      float:right;
      padding-left:8px;
      width:270px;
      }

      and replace with

      #sidebar {
      border-left:1px solid #888787;
      border-spacing:1px;
      float:right;
      padding-left:8px;
      overflow:hidden;
      width:270px;
      }

This question has expired.





Current status of this question: Completed



Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.