cocoonfx
Member
Posted 2 years ago #
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 http://www.dcfontana.com/as/
Any assistants would be appreciated.
Could you provide a link to a page with a sidebar included? Couldn't find any after searching for a bit.
cocoonfx
Member
Posted 2 years ago #
Sure no problem, I had to take it off last night but here you go.
http://www.dcfontana.com/as/?page_id=174
AdrianApan
Member
Posted 2 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!