Support » Themes and Templates » Problem centering my footer

  • Resolved ketshi

    (@ketshi)


    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?

Viewing 6 replies - 1 through 6 (of 6 total)
  • ketshi

    (@ketshi)

    Help?!

    ketshi

    (@ketshi)

    No one?

    kapiljain.in

    (@kapiljainin)

    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

    (@gerben-van-eijk)

    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.

    ketshi

    (@ketshi)

    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.

    ketshi

    (@ketshi)

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Problem centering my footer’ is closed to new replies.