if the header and content area don´t fill the screen (browser window), the footer will be heightened. I want to have a footer with a constant height, also for pages with less content. In this case the content area (e.g. white for light-skin) should be longer to the footer.
How can I fix it?
Thanks in advance!
can you post a link to your website please – we can give you exact instructions afterwards.
This isn’t a theme bug, it’s simply that the HTML tag has the background set to #333333 (the dark colour you see in the footer).
By default, browsers will show this outside the content area (which uses the body tag, set to the white background you see in the main content area). You can remove this background colour by removing this code:
in /css/light-skin.css (line 27).
I changed the background color to #FFFFFF (same effect as delete) before I post, but it isn´t a solution for my problem. As you can see at my page, the footer will be drawn in the middle and not at the bottom.
What you want i s only possible with a dirty workaround – you can set a height for the main container – however the footer won’t be adjusted dynamically but user with a lower resolution must scroll to the bottom then.
To set a height for the main container open up custom.css (located in the folder “css”) and add following code:
Adjust the height as you like, pages with more content should extend the main container height.
The topic ‘The less content the greater is the footer…’ is closed to new replies.