Best way to add image to the bottom of a div?

Discussion in 'CSS' started by local-realtor, Mar 8, 2007.

0
  1. #1
    I need to add an image to the bottom of a container div to give the appearance of rounded corners.

    Whats the best way to do this?
     
    local-realtor, Mar 8, 2007 IP
  2. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #2
    Here's the way I do it:

    #footer {
    clear: both;
    background: url(images/footer.jpg) bottom center no-repeat;
    width: 700px;
    height: 70px;}

    HTML:

    <div id="footer">
    Footer text here
    </div>

    Hope this helps! :)
     
    Katy, Mar 8, 2007 IP
  3. local-realtor

    local-realtor Guest

    Messages:
    140
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yeah it seems like you have to specify the height of the div for it to show up with out overlapping on other content
     
    local-realtor, Mar 8, 2007 IP
  4. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #4
    Yep, otherwise it will be the same size as your text.
     
    Katy, Mar 8, 2007 IP