The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS problem with footer

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #33919

    I want to put a footer in a page wrap but it doesn’t appear at all
    i write the markup

    and the CSS

    #footer {

    min-height: ..... ;
    background: url(images/footer.jpg) no-repeat;

    and it doesn’t appear…. by the way this is a part of the tutorial made by chris here is the link of the tutorial The tutorial


    care to give us a little more information?


    im guessing your just linking to your image incorrectly… try

    background: url(../images/footer.jpg) no-repeat;

    make sure u set a height as well


    Thanks for replies… i get it

    The problem was i didn’t give a width to the footer


    @aemara47 That is very strange. As a div is a block level element it automatically takes up all of the available width. Setting the height should have been enough.


    @aemara47 – i realize this is solved, but if you’re still hoping to stretch the div across the screen check the rest of your css (firebug is great for this). For instance, search your css and make sure the div in question isn’t floating left (which would cause this behavior). I mentioned firebug a) because it rocks, and b) because it will show you precisely what css properties are set for any element on your page. Unless you’re a veteran (forgive me if you are!) you’d be surprised what’s effecting what in your styles.



    Thanks @sl1dr and shawn for helping :D

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.