Help with wordpress sidebar.

[herghost]

Hi all, I am trying to create a wordpress theme that matches the rest of my website, however I have been stuck for a few days on the same bloody thing!

 

Something in my css is causing my right sidebar to appear under my last post. (www.minecrafthosting.co/blog)

 

I just cant seem to get it to appear inline.

 

Can anyone see my error? The CSS validates which doesnt help me much

 

@charset "utf-8";
/* CSS Document *//*
Theme Name: MinecraftHosting.co
Theme URI: http://www.minecrafthosting.co/
Description: Custom Theme
Version: 1.0
Author: MinecraftHosting.co
*/

.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignright {
float: right;
margin-left: 15px;
}

.alignleft {
float: left;
margin-right: 15px;
}


body
{
	padding: 0;
	margin:0 auto;
}

td
{
font-family:Corbel;
color:#a6aaa6;
font-size:16px;
text-align: center;
}

h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
font-family:Corbel;
}
#top

{
width:100%;
}

#container
{
width:1000px;
margin-left:auto;
margin-right:auto;
overflow:auto;
z-index:1;
color:#06C;
}

.container
{

width:50%;
margin-top:55px;
float:right;
min-height:60px;

}

.container a:link
{
text-decoration:none;
color: #A0FF42;
text-decoration:none;
font-family:Corbel;
font-size: 16px;
}

.container a:visited
{
text-decoration:none;
color: #A0FF42;
text-decoration:none;
font-family:Corbel;
font-size: 16px;
}
.container a:hover
{
text-decoration:underline;
font-family:Corbel;
font-size: 16px;
color: #F00;
font-weight: 600;
}
.container a:active
{
text-decoration:none;
color: #0CF;
text-decoration:none;
font-family:Corbel;
font-size: 16px;
}


.static-top
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background: url(images/topbg.png) #000 top left repeat-x ;
	z-index:2;


}
.logo
{

min-height:60px;
margin-top:30px;
width:35%;
float:left;

}

#topbg
{
background-color:#000;
margin-top:40px;
}



/**/

/* Left Box*/

#leftbox .holder
{
margin-top:35px;
float:left;
width:400px;

margin-left:15px;
}

#leftbox .single
{
margin-top:35px;
float:left;
width:750px;

margin-left:15px;
}


/*Main Dia*/

#middle
{
width:100%;
background:url(images/bg.jpg) repeat;
min-height:500px;
}

.middlebox
{
width:1000px;
margin-left:auto;
margin-right:auto;
overflow:auto;
z-index:1;
padding-left:5px;
padding-top:35px;
}

.postdata
{

width:1000px;
}


/*footer*/
#footer
{
width:100%;
background-color:#000;
min-height:150px;
bottom:0;
list-style-type: none;
padding-bottom:20px;
clear: both;
}

.bottombox
{
width:1000px;
margin-left:auto;
margin-right:auto;
overflow:auto;
z-index:2;
padding-left:5px;
padding-top:35px;

}

.footerlinks
{
width:250px;
float:left;
}

#footer li a
{
list-style:none;
text-decoration: none;
text-align:left;
width:10em;
color:#FFF;
font-family:Corbel;
}

#footer li a:hover
{
list-style:none;
text-decoration: none;
text-align:left;
width:10em;
color:#0F0;
font-family:Corbel;
}

#footer h3
{
font-family:Corbel;
color:#FFF;
font-size:20px;
font-style:italic;
}

.aboutbox
{
padding-top:35px;
width:350px;
float:right;
font-family:Corbel;
color:#FFF;
font-size:12px;
text-align:right;
}

.companybox
{
width:250px;
float:left;
margin-left:35px
}


ol, ul {
list-style: none;
}

#primary,
#secondary {
float: right;
overflow: hidden;
width: 220px;
}
#secondary {
clear: right;
}

#sidebar
{
float:right;
width:220px;;
}

 

Thanks

[deathadder]

looks fine from my end

[coolpriya073]

cant figure out anything from this.

 

do 1 thing. set border to you main div and inner divs, left and right(which is coming down after the last post)

 

you will be able to identify the difference.

 

and check whether its in all the browser or some specific..there can be a difference because of margin and padding also..

[Stiver112]

Looks fine at my end too??

 

But what is up with all the anoying Twitter stuff?