SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Sep 2007
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    gap between footer and image help....!!!!

    hi.. i'm having a problem about my page, it seems to be ok in firefox but not in IE, theres a unusual gap between the image and the footer in IE.and i can't figure it out why it has that space between them. i already try to put margin 0 and padding 0 both on the image and the footer but no success...!! can you please help me with this?please........
    here's the link

    help...!!!

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,116
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    Hi,

    Try giving the image display: block;

  3. #3
    SitePoint Member
    Join Date
    Sep 2007
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow..!!!! thanks. it's ok now. thanks for your quick and deadly response.

  4. #4
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,116
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    The reason for the gap is because of the text base line. As images are inline elements by default so they have some rendering properties like text.

  5. #5
    SitePoint Evangelist dev_cw's Avatar
    Join Date
    Dec 2005
    Posts
    454
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The reason for the gap is because of the text base line. As images are inline elements by default so they have some rendering properties like text.
    I have had this problem before and never understood the issue, now I do. Thanks
    "You can just hang outside in the sun all day tossing a ball around...
    Or you can sit at your computer and do something that matters."
    - Cartman

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,496
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    I have had this problem before and never understood the issue, now I do.
    Yes as Mark said images are treated like text and placed on the baseline (not the bottom). This is to allow room for descenders in text. Making the image block level allows it to get placed on the bottom because it is not text anymore.(vertical-align:bottom will work in a lot of of cases also)

    IE exhibits this feature more than other browsers because IE will always increase the parent elements height to accommodate the gap (if a height has been set) whereas other browsers will not increase an elements set height.

  7. #7
    SitePoint Member
    Join Date
    Sep 2007
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for all your additional informations.. now i understand it more than i do before.. thanks!!!


Bookmarks

Posting Permissions

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