Support » Themes and Templates » Side bar – Can not position it correctly

  • Hi

    I have created my own template using some of the frame work from Toolkit theme.

    I have most of the site correct but I can not get the side bar to position correctly.

    I can not see which CSS div is controlling the position. The site is

    Any assistants would be appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn


    Automattic Happiness Engineer

    Could you provide a link to a page with a sidebar included? Couldn’t find any after searching for a bit.

    Sure no problem, I had to take it off last night but here you go.

    Hi! You have structural problem that’s why the sidebar is slipping to the bottom. First of all you need to have a fixed width on the #primary div (now it’s 100%) and also a float:left; attribute.

    The #secondary should also have a fixed width and a float attribute in the CSS file.

    Changing this will brake the template (the footer will be misplaced) but you can fix this by adding a clear:both; (either into a br or p) right after the #main div (or directly adding in the CSS file – line 512 – a clear:both attribute).

    Finally if you want to have that white rounded background to act as a background for the whole main wrap then you should configure it (via CSS of course) on a container div (for example #main).

    Hope this helps.

    Good luck!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Side bar – Can not position it correctly’ is closed to new replies.