Side bar - Can not position it correctly (4 posts)

  1. cocoonfxmedia
    Posted 5 years ago #


    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 http://www.dcfontana.com/as/

    Any assistants would be appreciated.

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

  3. cocoonfxmedia
    Posted 5 years ago #

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


  4. AdrianApan
    Posted 5 years ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.