I have a problem centering my footer. Look here
The problem is caused by the div with the posts (the latest) called widecolumn. This is it's css:
.widecolumn {
background-color:#ffffff;
padding: 5px 5px 5px 5px;
margin: 0 0 0 0;
width: 270px;
height: 345px;
text-align:left;
border-right: 5px solid #373135;
float:right;
}
When I remove the float: right; I'm able to center the footer, but the float:right; thingie is neccesary.
This is my footer's css:
#footer {
background: #ff0000;
padding: 0;
margin:0px auto;
position:absolute;
width: 804px;
color:#ffffff;
}
Anyone have a solution?
kapiljain.in
Member
Posted 3 years ago #
Hi,
I review the page source of the page and found you missed to close following div tags:
<div class="post hentry category-todrewlover" id="post-70">
<div class="post hentry category-eboutique" id="post-59">
<div class="post hentry category-eboutique" id="post-1">
It may be because of above div tags are not closed.
Gerben van Eijk
Member
Posted 3 years ago #
if the divs are all closed correctly it might be caused by the floats.
you could add an empty div just above the footer with a clear.
as in..
<div class="clear"> </div>
(or any other name for the class)
and then in the css
.clear {
clear: both;
}
this clears the floats, this more or less means that beyond that point the floats won't interfere. which should result in a properly placed footer if the divs are closed properly ofcourse.
Well thanks, that makes sense. It's working with one post, but when I make a new post the footer begins right at the bottom of the two latest posts.
I guess there's something wrong with my post structure.
And I can't find out where to close those divs.
ketshi