Widget/sidebar problem in IE solved

Mikkel Meyer Andersen — Wed, 30 Jul 2008 20:33:27 +0000

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.

Scienco.org » Wordpress

Widget/sidebar problem in IE solved