Reputation: 306
I'm working on a small WordPress-powered site for a friend and am having some CSS issues with the footer. The viewport is what is being seen as 100% in the container tag (for the height
property), rather than the body tag. Also, I'm having a strange issue with an a
tag that is properly closed in the header being spit out in every single nested element through the rest of the site. Any insight into what could be causing that?
The site can be viewed here: www.dontyouwantto.com
Thanks
Upvotes: 0
Views: 70
Reputation: 12581
Remove the height: 100%
rule from your wrap element, and replace it with overflow: auto;
. That should do the trick in getting the container to "contain" your floated elements.
Note that you will also need to remove the height
and min-height
rules for your container element. In general, 100% height styling tactics in CSS are broken / flaky, and not recommended.
Upvotes: 1