Loading ...I’m using the Grayband theme by http://www.smartertemplates.com. This worked fine i Firefox 2.0.0.16, but in IE 6.0 (Internet Explorer 6.0) the sidebar with widgets on the right side first started when the posts was finished: it got pushed down to the bottom of the page. It’s a variant of the famous float-problem in the brower-interoperability-world (so to speak). Actually a lot of themes suffers of this problem – it’s not just the Grayband.
Well, the old CSS causing the problem is located in style.css:
#wrapper { clear: both; float: left; width: 100%; color: #555555; background: #FFFFFF; } #content-wrapper { width: 60%; float: left; } #sidebar-wrapper { width: 35%; float: right; } #sidebar { float: right; padding: 0px 15px 10px 10px; width: 210px; margin-right: 15px; margin-top: 0px; }
I changed those specifications with this:
#wrapper { overflow: hidden; width: 100%; color: #555555; background: #FFFFFF; } #content-wrapper { width: 550px; float: left; } #sidebar-wrapper { width: 210px; float: right; margin-right: 15px; } #sidebar { float: right; padding: 0px 15px 10px 10px; width: 100%; margin-top: 0px; }
And everything seems to work.