Forums

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
    Posts
  • #33919
    aemara47
    Participant

    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

    #85031
    wolfcry911
    Participant

    care to give us a little more information?

    #85036
    zackw
    Member

    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

    #85040
    aemara47
    Participant

    Thanks for replies… i get it

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

    #85043

    @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.

    #85051
    serquhart
    Member

    @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.

    hth
    Shawn

    #85069
    aemara47
    Participant

    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.