Results 1 to 10 of 10
  1. #1
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Assistane with footer

    I need some assistance with a footer in that l need the border to fit the full width of the content also l need an even spacing between the bottom of the content section and the footer line.

    see image below for what l mean:

    http://clubamigos.port5.com/footer_problem.jpg


    Any help would be appreciated.

    http://clubamigos.port5.com/index.htm

  2. #2
    5 Star Lounger
    Join Date
    Apr 2003
    Location
    Hampshire, United Kingdom
    Posts
    602
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Assistane with footer

    Ok... what have you tried so far?
    Waggers
    If at first you do succeed, you've probably missed something.

  3. #3
    2 Star Lounger
    Join Date
    Aug 2004
    Location
    Withyham, Sussex, England
    Posts
    121
    Thanks
    2
    Thanked 1 Time in 1 Post

    Re: Assistane with footer

    Hi ,are you aware of a program called joomla? It is an off the shelf content management system that would probably achieve all that you are trying to create without the grief you seem to be having. You can find it http://www.joomla.org

  4. #4
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Assistane with footer

    I have tried chaning the padding and margin settings to 0 and also the width to 100% of the line.
    I think it is something to do with the padding in the body. But l don't know what needs to be changed.

    This is the css:

    #footer {
    font : 10px "Lucida Sans Unicode", Verdana, sans-serif;
    width: 100%;
    border-top : 1px solid #000;
    text-align : center;
    margin : 0px;
    padding : 0px;
    }

  5. #5
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Assistane with footer

    I prefer to stick to what l am doing , at least l will learn something that work way.
    Even though at times l am struggly, being new to CSS.

  6. #6
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Assistane with footer

    I managed to resolve this issue!!

    You can now close this thread. <img src=/S/clapping.gif border=0 alt=clapping width=19 height=23>

  7. #7
    5 Star Lounger
    Join Date
    Apr 2003
    Location
    Hampshire, United Kingdom
    Posts
    602
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Assistane with footer

    Well done. What was the problem?
    Waggers
    If at first you do succeed, you&#39;ve probably missed something.

  8. #8
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Assistane with footer

    I managed to find out it was the padding setting , l changed it to 0.
    As it was a simple issue l though l would and try and work it out for myself.
    I am still stuck on the H1 problem. In that l have defined settings for these tags in the CSS but it looks different in
    both browsers.
    I am reluctant in removing

    tags from the html page as l might mess up the page.

  9. #9
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Assistane with footer

    Probably the last assistance I make on this website for you as it is taking up a lot of my time to clear these items up. Make changes as below

    #footer {
    border-top : 1px solid #000;
    background-color: #FFFFFF;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px;
    text-align: center;
    }

    Image below to show how it comes out
    Jerry

  10. #10
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Assistane with footer

    I managed to resolve this issue on my own. Thank you for your help

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •