This topic contains 9 replies, has 3 voices, and was last updated by 
- Posts
Sidebar drops to the bottom of page on Internet Explorer 8. This works in Firefox and Chrome. I wouldn’t worry much, if most of the visitors didn’t use IE. Is there a patch or something I can do to fix this? Site in question is http://DougsDeepCreekHomes.com
Hi gotbob,
This only happens in IE8, or is this also happening in IE9?
Try:
#sidebar{width:29.9%}https://startupwp.com/topic/customizing-your-theme/
If it still isn’t working try lowering 29.9 until it does fit.
Thank You
Yes. Only in IE8 I will try to reduce sidebar. Thank you.
You’re welcome.
Actually, since it’s only an IE8 (and possibly under) issue we can apply a specific hack so we don’t mess with the quality of the design in IE9.
Try this instead:
#sidebar{width:29.9%\9}Reference browser-specific hacks here:
http://css-tricks.com/snippets/css/browser-specific-hacks/
If others report this issue as well we’ll officially add it to the theme.
I’m having the exact same problem in IE8 and neither of your listed fixes work for me. Tried lowering the sidebar width all the way down to 10 – no joy. The website from the previous poster isn’t showing properly in my browser, either.
Unfortunately, IE8 is about 4 years out-dated. In fact IE8 was the last XP supported version. An operating system that is well over a decade out-dated. StartupWP themes are modern and standards-compliant and require standards-compliant browsers.
We recommend updating your browsers:
Then, if you’re not already using Google Analytics, set it up and you can get insight into the browsers that your visitors are using:
http://www.google.com/analytics/
Here on StartupWP, only 15% of visitors are using IE. Then 80% of those users are using at least IE9+. Web design is constantly moving forward, eventually for the betterment of progress and quality you have to stop supporting old browsers.
Thanks for your reply. I don’t use IE at all, but according to my Google Analytics stats, 25 percent of my viewers do, and half of those are still using IE8. Is there any simple hack for those who are still behind the times and using old browsers?
That’s what’s provided above (
#sidebar{width:29.9%\9}) – IE6-IE8 specific hack, but, you’re saying it’s not working, is that correct?Could be a specificity issue, might try:
body #sidebar{width:29.9%\9}See more tricks http://css-tricks.com/snippets/css/browser-specific-hacks/
Thanks again for the reply. Correct, none of the 3 hacks are working for me in IE8 and the original poster’s site is still displaying the same problem. Being a non-coding newbie, here’s what I’ve done:
From my wordpress dashboard: Appearance -> StartupPro Options -> Turn On/Off Features: checked the Custom Styles & Custom CSS box. Pasted hack code into Advanced Editing -Custom CSS box and hit save options. Can’t tell that there’s been any change to website at all in IE8. Tried changing sidebar width numbers down to 10 and up to 40. No change in appearance at all in IE8.
Not sure what they’re even talking about in the snippets link – it’s all gibberish to me :(
Apologies, it appears to be, the issue is likely with the floats and IE’s comprehension of widths set as percentages. One possible compromise would be the set the content and sidebar areas as fixed-width pixels, basically turning off the responsive (mobile) design. The other option would of course be to stop supporting IE8 on your website.
If neither of those compromises (mind you that when adding hacks to support older browsers, that will always come with certain compromises) and you can no longer use StartupPro, then we would be happy to give you a refund.
Thank You
You must be logged in to reply to this topic.