Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Sidebar doesn't display correctly in IE 7 WordPress

  • SOLVED

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

Answers (3)

2010-10-05

Bill Hunt answers:

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.


phil d'aoust comments:

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

2010-10-05

Duncan O'Neill answers:

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

2010-10-06

Nilesh shiragave answers:

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..


phil d'aoust comments:

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


Nilesh shiragave comments:

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;
}