not a support questionI am trying to do something really simple that is not working, and confusing me badly. Please help me out.
I am trying to simply place the #primary on the left and the #secondary on the right - to have posts on the left, and the archives, tags, and such on the right for the sidebar. I for some reason cannot get them to float. Each time I float primary left, and secondary right, the container breaks form and the footer comes back to the top.
Please help me out.
Ptah Dunbar
Framework Overlord
Hey Kevin,
Sorry for the confusion. by default WPF doesn't use any css frameworks so that is expected behavior.
To fix this, add:
#footer { clear:both; }
#content:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#content { display: inline-block; }
* html #content { height: 1%; }
#content { display: block; }
Let me know if that fixes your problem.
Yea, I actually figured it out about 20 minutes after posting that. So anyone else wanting to solve the same issue see the above post.
For an easy fix to solve this you can add into your base.css file the following;
.clear {clear: both}
Then after floating objects just add in the following in your php (probably the footer) after the area where items were floated <div class="clear"> </div>
This applies to floating anything within the framework.
Thanks for the help.
dreamlex
Member
I am sorry if this post is already closed / resolved.
But I have similar problem. the css code I copied and paste from ptah's post worked fine except that it pushed the left sidebar down. I wanted to have sidebar and content sit next to each other. Also I have a problem having the heights for both to be same size. how can i resolve these?
thank you!
You must log in to post.