[Solved] unable to put sidebar on correct position.

[ravinder07]

Please tell me what i am doing wrong. Why these sidebar not starting from first post(upper right corner)

http://test07.net16.net/

Visit that site you can see my index.html page and style.css page.

I think you can easily spot by looking website that what i want to do.

I tried creating thread and it return failed sorry if i created duplicate thread

[Paulie_D]

Please make a Codepen.io example.

[MDMueller]

Your .mainContainer takes up the whole space (100%), the child-elements .topcontent and .bottomcontent take 70% of these 100%. So technically, there is no space for the sidebars.

So you may either move the sidebars into the .mainContainer (30% space would be left), or you reduce the width of the .mainContainer:

.mainContainer {
  float: left;
  width: 70%;
}

afterwards you might wanna increase the size of .topcontent and .bottomcontent again

.topcontent, .bottomcontent {
  width: 100%;
}

[ravinder07]

I never used codepen before so just singed up there…. Did you ask this link : http://codepen.io/anon/pen/vgfxG

[ravinder07]

already tried it make my main post small but sidebars still do not get up they still stay on along with second post.

[jurotek]

See PEN if you could use something like this. I added couple class selectors to hold your left and right content in.

[ravinder07]

Thank You work perfect :)

[Author]

Posts