Forums

How can I make just the footer wider or fluid? (8 posts)

  1. fkaf
    Member
    Posted 2 years ago #

    The container is in px and the footer is 100 % of that now.

    #footer {
    background:url(img/footer.gi) 0 0 no-repeat;
    background:#000;
    display:block;
    height:100px;
    border-top:1px solid #CCC;

    color:#fff;
    font-size:11px;
    line-height:145%;
    width:100%;
    margin:0 auto;
    width:936px;

  2. Tosak
    Member
    Posted 2 years ago #

    width:100% means that the element will occupy 100% of the parent width. That can either be the document or another element.

    So check what element your footer is inside of, and adjust the width of that. Or better yet, post a link to your site so we can see what you mean.

  3. fkaf
    Member
    Posted 2 years ago #

    Yes it`s inside the container, 936 width, but if I change that the entire site will be strecthed

  4. Tosak
    Member
    Posted 2 years ago #

    Its not easy advising you what to do without seeing your markup.

    You could try taking the footer out of the container.
    instead of:

    <div id="container">
     <div id="footer"></div>
    </div>

    use:

    <div id="container">
    </div>
    <div id="footer"></div>
  5. fkaf
    Member
    Posted 2 years ago #

  6. fkaf
    Member
    Posted 2 years ago #

    Anyone?

  7. fkaf
    Member
    Posted 2 years ago #

    I managed to take it out of the container in the footer php.

    How do I write it in stylecss that the footer height is at least say 200 px AND fills the browser to the bottom if the page isn?t hihg enough?

  8. Rev. Voodoo
    Volunteer Moderator
    Posted 2 years ago #

    min-height:200px; added to your footer css

    will get you the 200px

Topic Closed

This topic has been closed to new replies.

About this Topic