Grow your CSS skills. Land your dream job.

Vitical Align Image Bottom cross-browser

  • # March 7, 2010 at 8:04 am

    I realise examples of this have been explained (http://css-tricks.com/what-is-vertical-align/) but I have a variation of the problem.

    I would like to vertically align an image in a div.
    The image height can change (as new images are uploaded by the user) the div height is fixed.
    I have the following example working in FF but not IE. Is this possible?
    Many thanks. :)

    #Image_Home_Left {
    height: 380px;
    line-height: 380px;
    width: auto;
    position: fixed;
    float: left;
    }

    #Image_Home_Left img {
    vertical-align: bottom;
    margin-right: auto;
    margin-left: auto;
    }

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".