Problem centering my footer

  • Resolved ketshi

    (@ketshi)


    15 years, 7 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)

    Help?!

    Thread Starter ketshi

    (@ketshi)

    No one?

    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.

    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)

    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)

    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.