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