Problem centering my footer

  • Resolved ketshi

    (@ketshi)


    14 years, 11 months 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 {
	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)
  • Thread Starter ketshi

    (@ketshi)

    14 years, 11 months ago

    Help?!

    Thread Starter ketshi

    (@ketshi)

    14 years, 11 months ago

    No one?

    kapiljainin

    (@kapiljainin)

    14 years, 11 months 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

    (@gerben-van-eijk)

    14 years, 11 months 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.

    Thread Starter ketshi

    (@ketshi)

    14 years, 11 months 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.

    Thread Starter ketshi

    (@ketshi)

    14 years, 11 months ago

    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.