[resolved] Problem centering my footer (7 posts)

  1. ketshi
    Posted 7 years ago #

    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 {
    	padding: 5px 5px 5px 5px;
    	margin: 0 0 0 0;
    	width: 270px;
    	height: 345px;
    	border-right: 5px solid #373135;

    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;
    	width: 804px;

    Anyone have a solution?

  2. ketshi
    Posted 7 years ago #


  3. ketshi
    Posted 7 years ago #

    No one?

  4. kapiljain.in
    Posted 7 years ago #


    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.

  5. Gerben van Eijk
    Posted 7 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.

  6. ketshi
    Posted 7 years ago #

    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.

  7. ketshi
    Posted 7 years ago #

    And I can't find out where to close those divs.

Topic Closed

This topic has been closed to new replies.

About this Topic