How can I make just the footer wider or fluid?

  • fkaf

    (@fkaf)


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

Viewing 7 replies - 1 through 7 (of 7 total)
  • tosak

    (@tosak)

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

    Thread Starter fkaf

    (@fkaf)

    14 years, 4 months ago

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

    tosak

    (@tosak)

    14 years, 4 months 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>
    Thread Starter fkaf

    (@fkaf)

    14 years, 4 months ago

    The url is http://www.kjagen.com

    Thread Starter fkaf

    (@fkaf)

    14 years, 4 months ago

    Anyone?

    Thread Starter fkaf

    (@fkaf)

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

    Rev. Voodoo

    (@rvoodoo)

    14 years, 4 months ago

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

    will get you the 200px

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How can I make just the footer wider or fluid?’ is closed to new replies.